Apply React best practices when writing or reviewing React code. Use when building components, reviewing PRs, refactoring React code, fixing performance issues, debugging re-renders, structuring state and data flow, converting useEffect to loaders, building forms, or asking "how should I structure this component".
Quickly install react-best-practices AI skill to your development environment via command line
Source: 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"
Apply React best practices when writing or reviewing React code. Use when building components, reviewing PRs, refactoring React code, fixing performance issues, debugging re-renders, structuring state and data flow, converting useEffect to loaders, building forms, or asking "how should I structure this component". Source: yonderlab/kota.agent.skills.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-best-practicesApply React best practices when writing or reviewing React code. Use when building components, reviewing PRs, refactoring React code, fixing performance issues, debugging re-renders, structuring state and data flow, converting useEffect to loaders, building forms, or asking "how should I structure this component". Source: yonderlab/kota.agent.skills.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-best-practices Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/yonderlab/kota.agent.skills