// Mobile native and cross-platform development domain skill covering iOS native (Swift/SwiftUI), Android native (Kotlin/Jetpack Compose), React Native, and Flutter. Use when implementing mobile features or selecting between mobile paradigms. Harness seed: invoke builder-skill for deep sub-skills.
MoAI unified orchestrator for autonomous development. Routes natural language or subcommands (plan, run, sync, design, db, project, fix, loop, mx, feedback, review, clean, codemaps, coverage, e2e) to specialized agents.
Parses Claude Design handoff bundle (ZIP or HTML) and extracts design tokens, component manifests, and static assets for expert-frontend delegation. Validates bundle version against the supported_bundle_versions whitelist and returns structured error codes on failure with path B fallback guidance.
Builder-Evaluator GAN loop workflow for iterative design quality improvement. Implements Sprint Contract negotiation, 4-dimension scoring (Design Quality, Originality, Completeness, Functionality), stagnation detection, and escalation protocol. Reads parameters from design.yaml.
| name | moai-domain-mobile |
| description | Mobile native and cross-platform development domain skill covering iOS native (Swift/SwiftUI), Android native (Kotlin/Jetpack Compose), React Native, and Flutter. Use when implementing mobile features or selecting between mobile paradigms. Harness seed: invoke builder-skill for deep sub-skills. |
| license | Apache-2.0 |
| compatibility | Designed for Claude Code |
| allowed-tools | Read, Write, Edit, Bash, Grep, Glob, mcp__context7__resolve-library-id, mcp__context7__get-library-docs |
| user-invocable | false |
| metadata | {"version":"1.0.0","category":"domain","status":"active","updated":"2026-04-26","modularized":"true","tags":"mobile, ios, android, swift, kotlin, react-native, flutter, dart, cross-platform","author":"MoAI-ADK Team"} |
| progressive_disclosure | {"enabled":true,"level1_tokens":100,"level2_tokens":5000} |
| triggers | {"keywords":["mobile","ios","android","swift","swiftui","kotlin","jetpack","react-native","flutter","dart","expo","cross-platform","native app","모바일","아이폰","안드로이드","플러터"],"agents":["expert-mobile"]} |
Mobile development across four paradigms — iOS native, Android native, React Native, and Flutter — unified under a single expert routing strategy.
Core Paradigms:
When to Use This Skill:
Module References:
modules/ios-native.md — Swift, SwiftUI, UIKit, SPM patternsmodules/android-native.md — Kotlin, Jetpack Compose, Coroutines patternsmodules/react-native.md — Expo, React Navigation, RN architecturemodules/flutter.md — Widget tree, Riverpod, go_router, Dart patternsmodules/strategy-comparison.md — 4-paradigm selection guideNew mobile project?
├── Single platform (iOS only or Android only)?
│ ├── iOS → iOS Native (Swift + SwiftUI)
│ └── Android → Android Native (Kotlin + Compose)
└── Cross-platform?
├── Existing JS/TS team? → React Native (Expo)
├── Pixel-perfect UI + performance priority? → Flutter
└── Team new to mobile? → Flutter (fastest ramp-up)
For detailed selection criteria including performance, cost, team skill, platform features, and code reuse percentages, see modules/strategy-comparison.md.
Key entry points:
@main struct conforming to App protocolNavigationStack with NavigationPath (SwiftUI)@State, @StateObject, @EnvironmentObject, @Observable (iOS 17+)async/await, Task, actor)See modules/ios-native.md for patterns and examples.
Key entry points:
ComponentActivity + setContent { } with Jetpack ComposeNavHost + NavController (Compose Navigation)ViewModel + StateFlow / collectAsStateWithLifecycle()@HiltAndroidApp, @AndroidEntryPoint, @HiltViewModel)See modules/android-native.md for patterns and examples.
Key entry points:
npx create-expo-app (Expo managed workflow)@react-navigation/native)See modules/react-native.md for patterns and examples.
Key entry points:
MaterialApp.router with go_routerConsumerWidget, StateNotifierProvider, AsyncNotifierProvider)MethodChannel for iOS/Android native callsSee modules/flutter.md for patterns and examples.
This skill is a harness seed — it provides routing and overview patterns. Deep framework-specific sub-skills are generated on demand via builder-skill.
Generate a deep sub-skill when:
# Example: Generate deep Flutter skill for this project
Use the builder-skill subagent to create moai-framework-flutter-deep:
- Full-stack Flutter (state mgmt, navigation, networking, platform channels)
- Exclude Firebase (covered by moai-platform-auth)
- Target Flutter 3.x + Dart 3.x
# Example: Generate deep React Native skill
Use the builder-skill subagent to create moai-framework-react-native:
- React Navigation v7, Redux Toolkit, Turbo Modules, JSI
- Target React Native 0.74+ New Architecture
Generated skills land at .claude/skills/moai-framework-{paradigm}/SKILL.md and are automatically registered for the current project session.
When a project spans multiple platforms (e.g., iOS native + React Native shared services):
modules/strategy-comparison.md for trade-offs| Paradigm | UI Render | Startup | Memory |
|---|---|---|---|
| iOS Native | 60-120 fps | Fast | Low |
| Android Native | 60-120 fps | Fast | Low |
| React Native | 60 fps (New Arch) | Medium | Medium |
| Flutter | 60-120 fps | Fast | Medium |