building-react-native-application

React Native アプリケーション

セットアップ

項目	種類	必須	対象	完了条件	方法
Node.js 22.12+	ユーザー	必須	すべて	node --version で 22.12 以降が表示される	https://nodejs.org
常設ルール	自動	必須	新しいアプリのスキャフォールド	ルートの AGENTS.md に次の行がある	- `<target_path>` follows building-react-native-application; load it before changing code there. をルートの AGENTS.md（存在しない場合は作成）に追加し、ルートの CLAUDE.md が存在し、AGENTS.md をインポートしていない場合はそこにも追加します。すでに記載されているファイルはスキップします

ワークフロー

1. セットアップ — 対象となる セットアップ の各行を順番に確認します。完了条件を満たしている場合はスキップします。user の場合、必須なら「方法」を表示して停止し、任意ならそれなしで続行します。ask の場合、リクエストから回答できる項目を埋め、残りをまとめて一度に質問し、各回答を記録します。auto と static の場合は実行します。
2. 契約 — native-app-contract.md を読みます。
3. レシピ — レシピ の行を1つ選び、「参照」列にあるすべてのドキュメントを開きます。

• 複数の行にまたがるリクエスト（フォームを含む新しい画面など）は、それぞれに該当します。

レシピ

意図	入力例	参照先
セットアップ	"Set up building-react-native-application", "Is building-react-native-application ready?"	セットアップ — すべての行についてワークフローのステップ 1 を実行し、その後、各行の状態を報告します
スキャフォールド	"Create an Expo app in apps/mobile", "Scaffold here", "Add linting and env handling to the app"	scaffolding-application.md、managing-package-installs.md、setting-up-nativewind.md、managing-environment.md、managing-linting.md
構成	"Where does this module belong?", "Two features need this hook", "Move this component to the right layer"	managing-project-structure.md、managing-linting.md
画面／機能	"Add a settings screen", "New orders feature", "Custom tab bar", "Open this screen from a link"	managing-project-structure.md、creating-screen.md
UI プリミティブ	"Add a Dialog to src/ui", "Build the select from the spec"	managing-project-structure.md、creating-ui-component.md、managing-styling.md
データ	"Fetch orders from the API", "Add a mutation for checkout", "Format the order date"	managing-data.md、managing-environment.md
非同期 UI の状態	"Show the orders list with loading and error states", "Add pull-to-refresh"	creating-async-component.md、managing-data.md
エラー／フィードバック	"Show a toast when saving fails", "Report crashes", "Handle unknown links"	managing-errors.md、managing-data.md
フォーム／複数ステップ	"Add a profile form", "Make checkout a three-step form"	creating-form.md、managing-data.md
スタイリング／テーマ	"Apply the design tokens", "Change the brand colors", "Add dark mode", "Override a className"	managing-styling.md
認証	"Add the sign-in flow", "Attach the token to API calls", "Sign out on 401"	setting-up-authentication.md、managing-data.md
認証ガード	"Protect the account screens", "Require profile setup after sign-in", "Add an invite link", "Restrict the team screens to members"	setting-up-auth-guard.md、setting-up-authentication.md、creating-screen.md
プラットフォームの修正	"The keyboard covers the input", "White flash behind the header", "Keep the splash until fonts load", "Use Inter as the body font"	managing-platform-fixes.md