Agent skills for React projects
225 open-license skills in our database are built for React, and 472 skills match a typical React project. Below: what coding agents get wrong on React, 3 picks to start with, and where each agent loads them.
Updated 2026-10-18. Tags used for this page: typescript, react.
What coding agents get wrong in React
Agents add useEffect for derived state, skip keys in lists, and reach for global state when props would do. They write class components or old lifecycle code from training data. Tests check markup, not behavior.
Skills that help
Skills for component patterns and the rules of hooks, plus tests in the React Testing Library style and an accessibility check.
Cursor rules: the database holds 98 Cursor rule files (.mdc) tagged React (general-javascript-react-next-js-rule, general-typescript-and-react-rules, general-typescript-node-js-next-js-app-router-react-rule, general-typescript-node-js-react-rule, performance-optimization-in-react-components, react, and more). Cursor reads them from .cursor/rules/. Other agents load SKILL.md skills, so most picks here are skills.
3 picks to start with
1. typescript-react-patterns
TypeScript best practices for React development.
npx skills add AsyrafHussin/agent-skills --skill typescript-react-patterns
2. react
Expert in React development with modern patterns, hooks, and performance optimization
npx skills add Mindrally/skills --skill react
3. review-frontend
Comprehensive React/TypeScript frontend code review with per-area review skills, run in parallel where the agent supports subagents and sequentially otherwise.
npx skills add existential-birds/beagle --skill review-frontend
Get the list for your exact project
These 3 fit React in general. The scan box opens with a sample React description you can edit. A scan reads your repo or description, shows the match count and 2 picks free, and the full curated list (up to 30 picks with install commands, reasons and overlap notes) costs $9 once.
Where each agent loads React skills
- Claude Code: project folder
.claude/skills/, install flag--agent claude-code - Cursor: project folder
.cursor/skills/ or .agents/skills/, install flag--agent cursor - Codex: project folder
.agents/skills/, install flag--agent codex - GitHub Copilot: project folder
.github/skills/ or .agents/skills/, install flag--agent github-copilot
npx skills add owner/repo --skill skill-name --agent claude-code
How we count
We match project tags against 86,803 skills from 5,854 public GitHub repos (refreshed 2026-10-18). A skill built for another framework or language is left out, and so is a skill below our relevance floor. The picks on this page come from the ranked list for these tags. We favor broad practice skills over single-task ones. Licenses are shown as each repo declares them. Read a skill before you install it.
Questions
What agent skills should I use for React?
Start with a broad practice skill built for React, then add skills for testing and review. In our database 225 skills are tagged for React and 472 skills match a typical React project. The picks on this page are a place to start. A scan of your repo ranks the full list for your tasks.
Which React skills matter most?
A patterns skill that covers hooks and state, a testing skill, and a review skill. Add framework skills (Next.js, Expo) when the project uses one.
Are there Cursor rules for React?
Yes. The database holds 98 Cursor rule files (.mdc) tagged React. Cursor loads them from .cursor/rules/. Claude Code, Codex and Copilot do not read .mdc rules, so pick SKILL.md skills for those agents.
Where do React skills go for Claude Code, Cursor, Codex and Copilot?
Claude Code reads .claude/skills/, Cursor reads .cursor/skills/ or .agents/skills/, Codex reads .agents/skills/, and GitHub Copilot reads .github/skills/ or .agents/skills/. The install command takes --agent with the agent name and copies the skill folder there.
Why 3 picks here?
The right list depends on your exact stack and tasks. Run a free scan for your project to see its match count and 2 picks. The full curated list is $9 once.
Related stacks
Next.js skillsReact Native and Expo skillsTailwind CSS skillsVue and Nuxt skillsAngular skills
All stacks
Next.js skillsReact skillsPython skillsFastAPI skillsDjango skillsReact Native and Expo skillsSupabase skillsRust skillsGo skillsdata science (Python, Jupyter, pandas) skillsVue and Nuxt skillsAngular skillsSvelte and SvelteKit skillsTailwind CSS skillsNode.js and Express skillsLaravel skillsRuby on Rails skillsSpring Boot skillsJava skills.NET and C# skillsC++ skillsiOS and SwiftUI skillsSwift skillsAndroid and Jetpack Compose skillsFlutter and Dart skillsTerraform skillsKubernetes skillsMongoDB skillsPyTorch skillsHugging Face skillsApache Airflow skillsdbt skillsShopify skillsWordPress skillsSalesforce skillsn8n skillsSolidity and smart contracts skills
By agent
Skills for Claude CodeSkills for CursorSkills for CodexSkills for GitHub Copilot