software-mobile

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Mobile Development Skill — Quick Reference

移动开发技能——快速参考

This skill equips mobile developers with execution-ready patterns for building native and cross-platform mobile applications. Claude should apply these patterns when users ask for iOS/Android app architecture, UI components, navigation flows, API integration, offline storage, authentication, or mobile-specific features.

本技能为移动开发者提供了构建原生和跨平台移动应用的可直接落地实践方案。当用户咨询iOS/Android应用架构、UI组件、导航流程、API集成、离线存储、身份验证或移动专属功能时,Claude应应用这些方案。

When to Use This Skill

何时使用本技能

Claude should invoke this skill when a user requests:
  • iOS app development (Swift, SwiftUI, UIKit)
  • Android app development (Kotlin, Jetpack Compose)
  • Cross-platform development (React Native, WebView)
  • Mobile app architecture and patterns
  • Navigation and routing
  • State management (Redux, MobX, MVVM)
  • Network requests and API integration
  • Local data storage (Core Data, Room, SQLite)
  • Authentication and session management
  • Push notifications
  • Camera and media access
  • Location services
  • App Store / Play Store deployment
  • Mobile performance optimization
  • Offline-first architecture

当用户提出以下需求时,Claude应调用本技能:
  • iOS应用开发(Swift、SwiftUI、UIKit)
  • Android应用开发(Kotlin、Jetpack Compose)
  • 跨平台开发(React Native、WebView)
  • 移动应用架构与模式
  • 导航与路由
  • 状态管理(Redux、MobX、MVVM)
  • 网络请求与API集成
  • 本地数据存储(Core Data、Room、SQLite)
  • 身份验证与会话管理
  • 推送通知
  • 相机与媒体访问
  • 定位服务
  • App Store / Play Store部署
  • 移动性能优化
  • 离线优先架构

Quick Reference Table

快速参考表格

TaskiOSAndroidCross-PlatformWhen to Use
Native UISwiftUI + UIKitJetpack Compose + ViewsReact NativeNative: Best performance; Cross-platform: Code sharing
NavigationNavigationStackNavigation ComponentReact NavigationPlatform-specific for native feel
State Management@State/@ObservableViewModel + StateFlowRedux/MobXiOS: @Observable; Android: ViewModel; RN: Redux
NetworkingURLSession + async/awaitRetrofit + CoroutinesAxios/FetchNative: Type-safe; RN: JavaScript ecosystem
Local StorageCore Data + SwiftDataRoom DatabaseAsyncStorage/SQLiteNative: Full control; RN: Simpler
Push NotificationsAPNsFCMReact Native FirebaseNative: Platform-specific; RN: Unified API
任务iOSAndroid跨平台使用场景
原生UISwiftUI + UIKitJetpack Compose + ViewsReact Native原生:最佳性能;跨平台:代码复用
导航NavigationStackNavigation ComponentReact Navigation平台专属方案,还原原生体验
状态管理@State/@ObservableViewModel + StateFlowRedux/MobXiOS:@Observable;Android:ViewModel;RN:Redux
网络请求URLSession + async/awaitRetrofit + CoroutinesAxios/Fetch原生:类型安全;RN:依托JavaScript生态
本地存储Core Data + SwiftDataRoom DatabaseAsyncStorage/SQLite原生:完全可控;RN:实现更简便
推送通知APNsFCMReact Native Firebase原生:平台专属;RN:统一API

Decision Tree: Platform Selection

决策树:平台选择

text
Need to build mobile app for: [Target Audience]
    ├─ iOS only?
    │   └─ Use Swift + SwiftUI (templates/swift/)
    ├─ Android only?
    │   └─ Use Kotlin + Jetpack Compose (templates/kotlin/)
    ├─ Both iOS and Android?
    │   ├─ Need maximum performance?
    │   │   └─ Build separate native apps (Swift + Kotlin)
    │   │
    │   ├─ Need faster development + code sharing?
    │   │   └─ Use React Native (templates/cross-platform/)
    │   │
    │   └─ Wrapping existing web app?
    │       └─ Use WebView wrapper (templates/cross-platform/template-webview.md)

text
Need to build mobile app for: [Target Audience]
    ├─ iOS only?
    │   └─ Use Swift + SwiftUI (templates/swift/)
    ├─ Android only?
    │   └─ Use Kotlin + Jetpack Compose (templates/kotlin/)
    ├─ Both iOS and Android?
    │   ├─ Need maximum performance?
    │   │   └─ Build separate native apps (Swift + Kotlin)
    │   │
    │   ├─ Need faster development + code sharing?
    │   │   └─ Use React Native (templates/cross-platform/)
    │   │
    │   └─ Wrapping existing web app?
    │       └─ Use WebView wrapper (templates/cross-platform/template-webview.md)

Navigation

导航

Resources
  • resources/ios-best-practices.md — iOS architecture, concurrency, testing, and performance
  • resources/android-best-practices.md — Android/Kotlin architecture, coroutines, Compose, testing, performance
  • README.md — Folder overview and usage notes
  • data/sources.json — Curated external references by platform
Templates
  • Swift: templates/swift/template-swift.md, templates/swift/template-swift-concurrency.md, templates/swift/template-swift-combine.md, templates/swift/template-swift-performance.md, templates/swift/template-swift-testing.md
  • SwiftUI: templates/swiftui/template-swiftui-advanced.md
  • Kotlin/Android: templates/kotlin/template-kotlin.md, templates/kotlin/template-kotlin-coroutines.md, templates/kotlin/template-kotlin-compose-advanced.md, templates/kotlin/template-kotlin-testing.md
  • Cross-platform: templates/cross-platform/template-platform-patterns.md, templates/cross-platform/template-webview.md
Related Skills
  • ../software-frontend/SKILL.md — Web-facing UI patterns and Next.js integration
  • ../software-backend/SKILL.md — API design, auth, and backend contracts for mobile clients
  • ../software-testing-automation/SKILL.md — Mobile CI, test strategy, and reliability gates
  • ../quality-resilience-patterns/SKILL.md — Resilience patterns for networked mobile apps

资源
  • resources/ios-best-practices.md — iOS架构、并发、测试与性能优化相关内容
  • resources/android-best-practices.md — Android/Kotlin架构、协程、Compose、测试与性能优化相关内容
  • README.md — 目录概览与使用说明
  • data/sources.json — 按平台分类的精选外部参考资料
模板
  • Swift: templates/swift/template-swift.md, templates/swift/template-swift-concurrency.md, templates/swift/template-swift-combine.md, templates/swift/template-swift-performance.md, templates/swift/template-swift-testing.md
  • SwiftUI: templates/swiftui/template-swiftui-advanced.md
  • Kotlin/Android: templates/kotlin/template-kotlin.md, templates/kotlin/template-kotlin-coroutines.md, templates/kotlin/template-kotlin-compose-advanced.md, templates/kotlin/template-kotlin-testing.md
  • 跨平台: templates/cross-platform/template-platform-patterns.md, templates/cross-platform/template-webview.md
相关技能
  • ../software-frontend/SKILL.md — 面向Web的UI模式与Next.js集成
  • ../software-backend/SKILL.md — 面向移动客户端的API设计、身份验证与后端契约
  • ../software-testing-automation/SKILL.md — 移动CI、测试策略与可靠性保障
  • ../quality-resilience-patterns/SKILL.md — 网络型移动应用的弹性架构模式

Operational Playbooks

操作手册

  • resources/operational-playbook.md — Mobile architecture patterns, platform-specific guides, security notes, and decision tables
  • resources/operational-playbook.md — 移动架构模式、平台专属指南、安全说明与决策表