Mobile App Development

📱 Mobile App Development

Group Skill — Orchestrates sub-skills for building cross-platform or native mobile apps. Activate by saying: "Build a mobile app" or "mobile development"

When to Use

• Building a cross-platform or native mobile app
• Need to set up mobile architecture and tooling
• Preparing for app store submission

Step-by-Step Workflow

Step 1: Framework

Skill: flutter-expert / react-native-architecture / expo-api-routes

• Choose and scaffold the project
• Set up project structure
• Configure build tools

Step 2: Design

Skill: mobile-design / hig-foundations

• Apply platform-specific UX patterns
• Design for touch interactions
• Follow platform HIG

Step 3: State

Skill: zustand-store-ts / react-state-management

• Set up state management
• Handle async state
• Manage navigation state

Step 4: Auth

Skill: nextjs-supabase-auth / clerk-auth

• Implement user authentication
• Set up OAuth providers
• Handle token management

Step 5: Backend

Skill: api-patterns / python-fastapi-development

• Build API layer
• Set up data sync
• Implement offline support

Step 6: Testing

Skill: e2e-testing / android_ui_verification

• Write device tests
• Set up emulator/simulator testing
• Test on real devices

Step 7: Deploy

Skill: expo-deployment / vercel-deployment

• Prepare app store submission
• Configure code signing
• Submit to stores

Step 8: Crash Reports

Skill: firebase-crashlytics

• Set up crash monitoring
• Configure issue tracking
• Analyze crash trends

Completion

Mobile app is built, tested, and ready for distribution. 📱

Sub-Skills Referenced

1. flutter-expert
2. react-native-architecture
3. expo-api-routes
4. mobile-design
5. hig-foundations
6. zustand-store-ts
7. react-state-management
8. nextjs-supabase-auth
9. clerk-auth
10. api-patterns
11. python-fastapi-development
12. e2e-testing
13. android_ui_verification
14. expo-deployment
15. vercel-deployment
16. firebase-crashlytics