mcpField
S
senior-mobile

senior-mobile

github.com/borghei開発1.0k310 回インストール5 日前に更新
リポジトリ

senior-mobile について

senior-mobileは、iOS、Android、React Native、Flutterアプリの開発者向けスキルです。プロジェクトの雛形作成、MVVMの機能設計、静的な性能分析、App StoreとPlay Storeへの申請準備を支援します。

主な機能

  1. 014種類のモバイルプラットフォームの雛形作成
  2. 02プラットフォーム別MVVMパターンの適用
  3. 03アセット、描画、メモリ、バンドルサイズの分析
  4. 04リストやコレクションビューの調整
  5. 05ストア掲載メタデータの生成

活用シーン

  1. 01新規モバイルアプリのプラットフォーム選定
  2. 02SwiftUI、Compose、React Native機能の開発
  3. 03静的な性能問題の調査
  4. 04App StoreまたはPlay Storeへの申請準備

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/borghei/claude-skills --skill senior-mobile

インストール後、Claude Code で/senior-mobileを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

REFERENCE.md
references/
ios-android-patterns.md
mobile-security-guide.md
react-native-patterns.md
tool-reference.md
troubleshooting-and-success.md
workflows.md
scripts/
app_performance_analyzer.py
mobile_scaffold.py
store_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 の @MainActor ViewModel、Compose の sealed UiState + 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.pyreact-native、flutter、ios-native、android-native 向けのプロジェクトのひな形を作成しますpython scripts/mobile_scaffold.py MyApp --platform react-native --state zustand
store_metadata_generator.pyApp 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-frontendReact 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 にまたがるリリースの調整リリースメタデータとバージョン情報がオーケストレーターからストア申請ワークフローに渡されます

コメント