react-frontend-spa

ReactでSPAフロントエンドを実装・改修するためのガイド。バックエンド分離前提でNext.jsやサーバーサイド機能に依存せず、React Router中心のクライアント実装を行う時に使う。認証はAuthProviderとuseAuthカスタムフックで統一し、OpenAPIからorvalまたはopenapi-typescriptで型/クライアントを生成して利用する。ESLint+Prettier、zod、shadcn/ui、デザイントークン（CSS変数/Tailwindテーマ）を前提にする場合に適用する。ディレクトリ構成はmodules/components/hooks/providers/servicesなどの直感的な命名で複雑化に耐える構成にする。

$ インストール

git clone https://github.com/Higashi-Masafumi/ai-coding-template /tmp/ai-coding-template && cp -r /tmp/ai-coding-template/.codex/skills/react-frontend-spa ~/.claude/skills/ai-coding-template

// tip: Run this command in your terminal to install the skill