senior-mobile について
senior-mobileは、iOS、Android、React Native、Flutterアプリの開発者向けスキルです。プロジェクトの雛形作成、MVVMの機能設計、静的な性能分析、App StoreとPlay Storeへの申請準備を支援します。
主な機能
- 014種類のモバイルプラットフォームの雛形作成
- 02プラットフォーム別MVVMパターンの適用
- 03アセット、描画、メモリ、バンドルサイズの分析
- 04リストやコレクションビューの調整
- 05ストア掲載メタデータの生成
活用シーン
- 01新規モバイルアプリのプラットフォーム選定
- 02SwiftUI、Compose、React Native機能の開発
- 03静的な性能問題の調査
- 04App StoreまたはPlay Storeへの申請準備
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ borghei/ claude-skills --skill senior-mobileインストール後、Claude Code で/senior-mobileを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
REFERENCE.mdreferences/ios-android-patterns.mdmobile-security-guide.mdreact-native-patterns.mdtool-reference.mdtroubleshooting-and-success.mdworkflows.mdscripts/app_performance_analyzer.pymobile_scaffold.pystore_metadata_generator.py詳細
シニアモバイル開発者
iOS、Android、React Native、Flutter にわたるモバイルアプリ開発のエキスパートです。リリース品質のプロジェクトのひな形作成、MVVM 機能の構築(SwiftUI、Jetpack Compose、Expo Router)、静的パフォーマンス分析、App Store / Play Store への申請に対応します。
キーワード
モバイル、ios、android、react-native、flutter、swift、kotlin、swiftui、 jetpack-compose、expo-router、zustand、app-store、パフォーマンス、オフラインファースト
主な機能
- プロジェクトのひな形作成 — React Native(Expo Router)、Flutter、iOS ネイティブ(SwiftUI)、Android ネイティブ(Jetpack Compose)向けに、リリース品質の構成、ナビゲーション、状態管理を用意します。
- プラットフォームの選定 — 言語、パフォーマンス、コード共有の観点から、iOS / Android ネイティブ、React Native、Flutter を比較する判断基準を提示します。
- 機能アーキテクチャ — MVVM パターン:SwiftUI の
@MainActorViewModel、Compose の sealedUiState+StateFlow、Zustand ストア。 - パフォーマンス最適化 — 画像アセット、再レンダリング、メモリリーク、バンドルサイズの静的分析に加え、FlatList / RecyclerView / collection-view の調整に対応します。
- ストア申請 — 両ストア向けに、メタデータ、キーワード、プライバシーラベル、年齢制限、申請チェックリストを用意します。
使用する場面
- 新しいモバイルアプリを開発し、プラットフォームを選ぶとき。
- クリーンアーキテクチャで SwiftUI、Jetpack Compose、React Native の機能を構築するとき。
- モバイルのパフォーマンス問題を診断し、修正するとき。
- App Store / Play Store への申請を準備するとき。
最初に確認する項目
ひな形を作成する前に、次の入力内容を確認してください。不明または曖昧な項目があれば、推測せずに質問してください。
- プラットフォーム — react-native / flutter / ios-native / android-native(
--platform;ひな形の構成が大きく異なります) - 状態管理 — 例:zustand(
--state;生成されるアーキテクチャが変わります) - タスク — 新規プロジェクトのひな形作成、ストア掲載メタデータの作成、パフォーマンス分析のいずれか(
mobile_scaffold/store_metadata_generator/app_performance_analyzerの選択に使用します)
停止ルール:出力を最も左右する 2〜3 項目だけ質問してください。ユーザーが「とりあえず下書きを作って」と言った場合は作業を進め、成果物の冒頭に前提条件を記載してください。
ツール
| ツール | 目的 | コマンド |
|---|---|---|
mobile_scaffold.py | react-native、flutter、ios-native、android-native 向けのプロジェクトのひな形を作成します | python scripts/mobile_scaffold.py MyApp --platform react-native --state zustand |
store_metadata_generator.py | App Store / Play Store の掲載メタデータを生成します | python scripts/store_metadata_generator.py --app-name FitTrack --category health --features "workout,tracking" |
app_performance_analyzer.py | 静的パフォーマンス分析(スコア、問題点、バンドルサイズの推定)を行います | python scripts/app_performance_analyzer.py ./my-app --platform react-native |
参考資料
タスクに合った参考資料を読み込みます。このファイルは簡潔に保ち、必要に応じて詳細を参照してください。
- references/workflows.md — プラットフォームの選択マトリックスと、5 つのエンドツーエンドのワークフロー(React Native のスキャフォールド、SwiftUI の機能、Jetpack Compose の機能、パフォーマンス最適化、ストアへの申請)。SwiftUI/Compose のコード例も含まれています。ワークフローを実行するときに読んでください。
- references/tool-reference.md — 3 つのスクリプトの全パラメーター表、例、出力形式。スクリプトを実行するときに読んでください。
- references/troubleshooting-and-success.md — ビルド/レンダリング/申請に関するトラブルシューティング表と、成功基準。デバッグや品質の検証時に読んでください。
- references/react-native-patterns.md — 本番環境向け React Native:ナビゲーション、状態管理、パフォーマンス、テスト、ネイティブモジュール、OTA アップデート。React Native の詳細な作業を行うときに読んでください。
- references/ios-android-patterns.md — ネイティブ iOS/Android のアーキテクチャ、UI フレームワーク、並行処理、プラットフォームの UX ガイドライン、CI/CD。ネイティブの詳細な作業を行うときに読んでください。
- references/mobile-security-guide.md — セキュアストレージ、ネットワークセキュリティ、認証、コード保護、OWASP Mobile Top 10 への準拠。アプリを強化するときに読んでください。
- REFERENCE.md — 上記のワークフローに関する拡張コード例。より詳しい実装例が必要なときに読んでください。
対象範囲と制限事項
このスキルの対象:
- React Native(Expo Router)、Flutter、ネイティブ iOS(SwiftUI)、ネイティブ Android(Jetpack Compose)向けの、本番環境対応モバイルプロジェクトのスキャフォールディング。
- 画像アセットのサイズ、再レンダリングの検出、メモリリークのパターン、バンドルサイズの推定などの静的パフォーマンス分析。
- タイトル、キーワード、プライバシーラベル、年齢制限、申請チェックリストなど、App Store と Play Store のメタデータ生成。
- プラットフォーム固有のアーキテクチャパターン(MVVM、状態管理、ナビゲーション)。
このスキルの対象外:
- バックエンド API の開発やサーバーサイドのロジック(
senior-backendおよびsenior-fullstackスキルを参照)。 - モバイルビルドと自動配布の CI/CD パイプライン設定(
senior-devopsおよびrelease-orchestratorスキルを参照)。 - UI/UX デザインシステム、アクセシビリティ監査、デザイントークン管理(
senior-frontendおよびdesign-auditorスキルを参照)。 - ネイティブツール(Xcode Instruments、Android Studio Profiler)を使った実行時プロファイリング -- アナライザーは静的なコード分析のみを行い、実機でのライブプロファイリングは行いません。
連携ポイント
| スキル | 連携内容 | データフロー |
|---|---|---|
senior-frontend | React Native の Web ターゲット向けの共通コンポーネントパターン、スタイル規約、レスポンシブデザインの原則 | フロントエンドのデザイントークンとコンポーネント API がモバイル UI コンポーネントに反映されます |
senior-backend | モバイルクライアントが利用する API コントラクトの定義、認証フロー、データモデル | バックエンドの OpenAPI 仕様がモバイルサービスレイヤーのインターフェースを定義します |
senior-devops | モバイルリリース向けのビルドパイプライン、コード署名の自動化、デプロイのワークフロー | モバイルのビルド成果物が CI/CD パイプラインに渡され、TestFlight/Play Console で配布されます |
senior-qa | モバイル画面のテスト戦略の調整、デバイスマトリックスのカバレッジ、E2E テストのパターン | QA のテスト計画がデバイスのカバレッジを決定します。モバイルのスキャフォールドにはテストディレクトリー構造が含まれます |
senior-security | モバイルアプリ向けのセキュアストレージパターン(Keychain/Keystore)、証明書ピンニング、データ暗号化 | セキュリティ要件に基づいて、Keychain ヘルパーの実装とネットワーククライアントの設定を行います |
release-orchestrator | バージョン更新、変更履歴の生成、iOS と Android にまたがるリリースの調整 | リリースメタデータとバージョン情報がオーケストレーターからストア申請ワークフローに渡されます |
コメント
Markdown 対応