react-native-architecture について
React Native と Expo のアプリを設計・改善する開発者向けのアーキテクチャガイドスキルです。ナビゲーション、状態管理、ネイティブ連携、オフライン優先設計、性能、リリース用 CI/CD を扱い、詳しい例は実装プレイブックで確認できます。
主な機能
- 01React Native と Expo のアーキテクチャパターン
- 02複雑なナビゲーション設計
- 03状態管理の方針
- 04ネイティブモジュールとプラットフォーム API の連携
- 05オフライン優先設計と性能最適化
- 06モバイルリリース向け CI/CD ガイド
活用シーン
- 01React Native または Expo プロジェクトの開始
- 02複雑なアプリ内ナビゲーションの設計
- 03ネイティブモジュールとプラットフォーム API の連携
- 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を参照してください。
制限事項
- 上記の範囲に明確に該当するタスクに限り、このスキルを使用してください。
- 出力を、環境に応じた検証、テスト、専門家によるレビューの代わりとして扱わないでください。
- 必要な入力、権限、安全上の境界、または成功基準が不足している場合は、作業を中断して確認してください。
例
カタログアプリでは、公開商品の読み取りデータをオフライン用にキャッシュし、セッショントークンをプラットフォームのセキュアストレージに保存します。また、冪等性を備えた注文アウトボックスとサーバーとの照合が実装されるまでは、オフラインでの購入を禁止します。
コメント
Markdown 対応