React コードを作成またはレビューするときに、React のベスト プラクティスを適用します。コンポーネントの構築、PR のレビュー、React コードのリファクタリング、パフォーマンスの問題の修正、再レンダリングのデバッグ、状態とデータ フローの構造化、useEffect のローダーへの変換、フォームの構築、または「このコンポーネントをどのように構築すればよいか」を尋ねるときに使用します。
コマンドラインで react-best-practices AI スキルを開発環境にすばやくインストール
ソース: yonderlab/kota.agent.skills。
If the codebase uses a different data fetching approach (TanStack Query, SWR, etc.), adapt the data fetching guidance accordingly.
User prompt: "This component has too many useEffects, can you clean it up?"
User prompt: "Migrate this component to use React Router loaders"
React コードを作成またはレビューするときに、React のベスト プラクティスを適用します。コンポーネントの構築、PR のレビュー、React コードのリファクタリング、パフォーマンスの問題の修正、再レンダリングのデバッグ、状態とデータ フローの構造化、useEffect のローダーへの変換、フォームの構築、または「このコンポーネントをどのように構築すればよいか」を尋ねるときに使用します。 ソース: yonderlab/kota.agent.skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-best-practicesReact コードを作成またはレビューするときに、React のベスト プラクティスを適用します。コンポーネントの構築、PR のレビュー、React コードのリファクタリング、パフォーマンスの問題の修正、再レンダリングのデバッグ、状態とデータ フローの構造化、useEffect のローダーへの変換、フォームの構築、または「このコンポーネントをどのように構築すればよいか」を尋ねるときに使用します。 ソース: yonderlab/kota.agent.skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-best-practices インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/yonderlab/kota.agent.skills