mcpField
R
react-native-architecture

react-native-architecture

github.com/sickn33開発49.0k481 回インストール今日更新
リポジトリ

react-native-architecture について

React Native と Expo のアプリを設計・改善する開発者向けのアーキテクチャガイドスキルです。ナビゲーション、状態管理、ネイティブ連携、オフライン優先設計、性能、リリース用 CI/CD を扱い、詳しい例は実装プレイブックで確認できます。

主な機能

  1. 01React Native と Expo のアーキテクチャパターン
  2. 02複雑なナビゲーション設計
  3. 03状態管理の方針
  4. 04ネイティブモジュールとプラットフォーム API の連携
  5. 05オフライン優先設計と性能最適化
  6. 06モバイルリリース向け CI/CD ガイド

活用シーン

  1. 01React Native または Expo プロジェクトの開始
  2. 02複雑なアプリ内ナビゲーションの設計
  3. 03ネイティブモジュールとプラットフォーム API の連携
  4. 04オフライン優先モバイルアプリの構築

インストール

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

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill react-native-architecture

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

同梱ファイルresources/implementation-playbook.md

詳細

React Native アーキテクチャ

Expo を使用した React Native 開発における、ナビゲーション、状態管理、ネイティブモジュール、オフラインファーストアーキテクチャなどのアーキテクチャと統合パターンです。

このスキルを使用する場面

  • 新しい React Native または Expo プロジェクトを開始するとき
  • 複雑なナビゲーションパターンを実装するとき
  • ネイティブモジュールやプラットフォーム API を統合するとき
  • オフラインファーストのモバイルアプリケーションを構築するとき
  • React Native のパフォーマンスを最適化するとき
  • モバイルリリース用の CI/CD を設定するとき

このスキルを使用しない場面

  • タスクが React Native アーキテクチャと無関係な場合
  • この範囲外の別の分野やツールが必要な場合

手順

  • 目標、制約、必要な入力を明確にします。
  • 関連するベストプラクティスを適用し、結果を検証します。
  • 実行可能な手順と検証方法を提示します。
  • 詳細な例が必要な場合は、resources/implementation-playbook.md を開きます。

リソース

  • 詳細なパターンと例については、resources/implementation-playbook.md を参照してください。

制限事項

  • 上記の範囲に明確に該当するタスクに限り、このスキルを使用してください。
  • 出力を、環境に応じた検証、テスト、専門家によるレビューの代わりとして扱わないでください。
  • 必要な入力、権限、安全上の境界、または成功基準が不足している場合は、作業を中断して確認してください。

例

カタログアプリでは、公開商品の読み取りデータをオフライン用にキャッシュし、セッショントークンをプラットフォームのセキュアストレージに保存します。また、冪等性を備えた注文アウトボックスとサーバーとの照合が実装されるまでは、オフラインでの購入を禁止します。

コメント