AGENTS.md

my-project/
├── AGENTS.md                    # プロジェクト全体へのグローバルな指示
├── frontend/
│   ├── AGENTS.md                # フロントエンドコード固有の指示
│   └── src/
│       └── components/
│           └── AGENTS.md        # コンポーネント固有の指示
├── backend/
│   └── AGENTS.md                # バックエンドコード固有の指示
└── docs/
    └── AGENTS.md                # ドキュメント向けの指示

# コンポーネントガイドライン

このディレクトリ内のコンポーネントを操作する際は、以下に従ってください：

- フックを使用した関数コンポーネントを利用する
- 命名規則に従う：コンポーネントは ComponentName.tsx、フックは useHookName.ts
- 各コンポーネントには対応するテストファイルを用意する：ComponentName.test.tsx
- スタイリングには CSS モジュールを利用する：ComponentName.module.css
- コンポーネントは default エクスポートではなく名前付きエクスポートとしてエクスポートする

## ファイル構成

各コンポーネントフォルダには以下を含める：
- メインのコンポーネントファイル
- テストファイル
- スタイルファイル（必要な場合）
- 再エクスポート用の index.ts

# Good Example
- Use TypeScript strict mode
- All API responses must include error handling
- Follow REST naming conventions for endpoints

# Less Effective Example
- Write good code
- Be careful with errors
- Use best practices