React
React skills for coding agents
Composition, performance, and view transitions — the React jobs where an unguided agent usually over-renders or over-abstracts.
Last reviewed 2026-09-10 · Methodology · How to choose · How to install
| Skill | When to use it | Platform | Updated | Safety |
|---|---|---|---|---|
| React Best Practices vercel-labs/agent-skills | Default React skill from Vercel: structure, data flow, and the mistakes agents repeat in app code. | Any agent | 2026-04-14 | pass |
| Composition Patterns vercel-labs/agent-skills | When the agent is about to build a jungle of wrappers instead of composing children and slots. | Any agent | 2026-01-28 | pass |
| React View Transitions vercel-labs/agent-skills | When the job is View Transitions between routes or states, not general CSS motion. | Any agent | 2026-08-28 | pass |
Safety is a text search on the file, not an audit. Pass / Review / Risk are explained in the evaluation guide.
-
01
React Best Practices
Vercel’s broad React/Next performance file. Use it as the default when the agent is writing or reviewing app code. It is not about visual taste and it is not a composition tutorial.
npx skills add https://github.com/vercel-labs/agent-skills/tree/HEAD/skills/react-best-practices -
02
Composition Patterns
Reach for this when the failure mode is prop drilling and wrapper components. It teaches slots and composition instead of a new abstraction around every primitive. Skip it if the job is data fetching or view transitions.
npx skills add https://github.com/vercel-labs/agent-skills/tree/HEAD/skills/composition-patterns -
03
React View Transitions
Only for the View Transitions API between routes or states. It is not a general motion or animation skill. Install it when the prompt is specifically about navigation animation.
npx skills add https://github.com/vercel-labs/agent-skills/tree/HEAD/skills/react-view-transitions
FAQ
Which one is the default React skill?
react-best-practices from vercel-labs is the broad one. Add composition-patterns when the failure mode is prop drilling and bloated components, and react-view-transitions for navigation animation work.
Does this cover React Native?
No. Use the React Native task. These files assume web React.
Is MCP required?
No. Install the folder and let the agent match on the description.