React Native向けAGENTS.mdパターン：Claude Codeが生成するプロジェクト認識型コードの向上

Redditユーザーのjulia_ships氏が、React Native/ExpoプロジェクトでAGENTS.mdファイルを試用している。このファイルは、Claude CodeやCursorなどのAIコーディングエージェントにプロジェクト固有の規約を伝える構造化ドキュメントとして機能する。その違いは�著で、ファイル使用前はClaudeが汎用的なReact Nativeコードを生成していたが、使用後はプロジェクトの正確なテーマトークン、フック、パターンを使用したコンポーネントを生成するようになった。

AGENTS.mdファイルの内容

ユーザーはAGENTS.mdに以下のセクションを含めている：

• フォルダ構造とファイル命名規則 — 例：コンポーネントの配置場所、ファイル名の付け方（パスカルケース、ケバブケースなど）
• テーマシステムとカラートークン — 正確なトークン名とその適用方法
• カスタムフックとその使用パターン — プロジェクト固有のフックのインポート方法と使用方法
• コンポーネントパターン — 型付きプロパティ（TypeScript）を持つ関数コンポーネント、構造、エクスポートスタイル

結果

AGENTS.mdを導入することで、Claude Codeは初回からプロジェクトの規約に沿ったコードを生成する。例えば、ハードコードされた'#6200ee'ではなく正しいテーマcolors.primaryを使用し、インラインロジックを書く代わりにuseAuth()のようなカスタムフックをインポートし、確立されたコンポーネントパターン（関数型、型付きプロパティ、適切なエクスポート）に従う。

対象者

Claude Code、Cursor、または類似のAIコーディングエージェントを使用するReact Native / Expo開発者で、手動コードレビューを減らし、AIにプロジェクト規約を尊重させたい方。