vercel-react-best-practices
An agent skill by vercel-labs, from vercel-labs/agent-skills. Tags: debugging, developer-tools, performance, react, web.
What it does
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
Install
With the skills CLI, which installs into Claude Code, Codex, Cursor and other agents:
npx skills add vercel-labs/agent-skills --skill vercel-react-best-practicesOr copy the skill folder into Claude Code's skills directory by hand (~/.claude/skills for every project, or .claude/skills inside one):
git clone --depth 1 https://github.com/vercel-labs/agent-skills
cp -r agent-skills/skills/react-best-practices ~/.claude/skills/vercel-react-best-practicesSafety box score
Not rated yet. A safety box score grades what a skill and its scripts can reach on the machine of whoever installs it, across eight categories from shell execution to secrets access. Anyone can request one from this page; it is saved for everyone. How the score works.
Source
- Repository
- vercel-labs/agent-skills (all skills from this repository)
- Path
- skills/react-best-practices/SKILL.md
- Branch
- main
- Updated
- 2026-09-19
Related skills
- javascript-pro — js APIs. cjs files for correctness and best practices.
- vercel-composition-patterns — React composition patterns that scale.
- vercel-optimize — js, SvelteKit, Nuxt, and limited Astro apps.
- vercel-react-view-transitions — Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`.
- browser-testing-with-devtools — Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser.
- code-reviewer — Analyzes code diffs and files to identify bugs, security vulnerabilities (SQL injection, XSS, insecure deserialization), code smells, N+1 queries.