skills.rest
tonone-ai
tonone-aiOFFICIAL
Explore all skills by this author →
WebsiteGitHub

touch-feature

Guide mobile feature development across iOS, Android, React Native, and Flutter.

69|8|Updated Mar 16, 2026
Search Tags:#ui#api#offline#navigation#mobile#state-management#feature-development
One-click install
npx skills add https://github.com/tonone-ai/tonone --skill touch-feature
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: touch-feature
Source: https://github.com/tonone-ai/tonone/tree/main/team/touch/skills/touch-feature
Command: npx skills add https://github.com/tonone-ai/tonone --skill touch-feature

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The mobile feature development process is often scattered across teams, leading to inconsistent UX and slow delivery.

Core Features & Use Cases

  • Guided feature scaffolding for iOS, Android, React Native, and Flutter projects.
  • Platform-aware UI patterns, navigation wiring, and state management guidance.
  • Online/offline handling templates with sample API integration and caching strategies.
  • Use Case: When implementing a new screen like Profile, use this workflow to ensure consistent UX and reusability.

Quick Start

Create a new mobile screen named ExampleScreen with navigation, state management, and a sample API integration.

Frequently Asked Questions about touch-feature

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a new mobile screen with navigation and state management?▼

Scaffolding a new mobile screen with navigation and state management involves using a guided workflow that detects your project environment and applies platform-appropriate UI patterns. This ensures consistent UX and reusability across iOS, Android, React Native, or Flutter.

What is the best way to handle offline behavior and API caching in mobile feature development?▼

Handling offline behavior and API caching in mobile feature development requires applying online/offline handling templates with sample API integration. This structured approach ensures data persistence and consistent UX during network interruptions.

Does this guided feature development workflow support both React Native and native iOS projects?▼

Yes, this guided feature development workflow supports React Native and native iOS projects, along with Android and Flutter. It detects existing project conventions and applies variant architectures to align with your specific platform.

How do I wire API integration when creating a new mobile feature?▼

Wiring API integration when creating a mobile feature is automated through guided steps that include sample API integration and caching strategies. This process connects your UI patterns and state management directly to network endpoints.

Why should I use a structured workflow for mobile feature development instead of manual implementation?▼

Using a structured workflow for mobile feature development prevents scattered processes that lead to inconsistent UX and slow delivery. It guides engineers through environment detection, UI creation, and testing to align with existing project conventions.

Related Skills

Explore More Software Engineering Skills→
michaelboedingmichaelboeding
24

android-to-ios

Port Android features to idiomatic Swift implementations for iOS.

Community
Advanced
htlabs-xyzhtlabs-xyz

mobile-development

Guide mobile app development across React Native, Flutter, SwiftUI, and Jetpack Compose.

Official
Intermediate
miles990miles990
20

mobile

Provide patterns and best practices for React Native and Flutter mobile development.

Community
Intermediate
sudarshan-krishnansudarshan-krishnan

clerk-expo

Implement Clerk authentication for Expo and React Native apps.

Community
Advanced