moai-domain-mobile

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 Domain

Quick Reference

Mobile development across four paradigms — iOS native, Android native, React Native, and Flutter — unified under a single expert routing strategy.

Core Paradigms:

• iOS native: Swift, SwiftUI, UIKit, Xcode, Core Data — full Apple platform access
• Android native: Kotlin, Jetpack Compose, Coroutines, Room, Gradle — full Google platform access
• React Native: JavaScript/TypeScript, Expo, React Navigation — 80-90% code reuse
• Flutter: Dart, Riverpod/BLoC, go_router — 90-95% code reuse, pixel-perfect UI

When to Use This Skill:

• Paradigm selection for a new mobile project
• iOS-specific patterns (SwiftUI layouts, navigation, Core Data)
• Android-specific patterns (Compose UI, Coroutines, Hilt DI)
• React Native setup (Expo, navigation, state management)
• Flutter architecture (state management, platform channels)
• Cross-platform strategy consultation

Module References:

• modules/ios-native.md — Swift, SwiftUI, UIKit, SPM patterns
• modules/android-native.md — Kotlin, Jetpack Compose, Coroutines patterns
• modules/react-native.md — Expo, React Navigation, RN architecture
• modules/flutter.md — Widget tree, Riverpod, go_router, Dart patterns
• modules/strategy-comparison.md — 4-paradigm selection guide

---

Implementation Guide

Paradigm Selection Decision Tree

New 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.

iOS Native Patterns

Key entry points:

• App lifecycle: @main struct conforming to App protocol
• Navigation: NavigationStack with NavigationPath (SwiftUI)
• State: @State, @StateObject, , (iOS 17+)