# Mobile App Development

> Group skill: Mobile app development — framework selection, design, state management, auth, backend, testing, deployment, and crash reporting.

- Skill: `may215/mobile-app-development` (Agent Skill)
- Install (CLI): `npx skillmds@latest add may215/mobile-app-development`
- Raw SKILL.md: https://api.skillmd.com/api/skills/may215/mobile-app-development/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: may215 (https://skillmd.com/u/may215)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/may215/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`