React and Next.js Best Practices
Vercel's prioritized performance rules for writing and reviewing React code.
Official vendorby VercelChecked October 18, 2026
Vercel Engineering's guide to fast React and Next.js apps, packaged as a skill. Rules are ranked by impact, starting with request waterfalls and bundle size, so Claude fixes what matters most first.
Who it is for
- React developers
- Next.js teams
- Vibe coders
Prompts to try
Once the skill is installed, ask for the result in plain words. Claude picks the skill up on its own.
Review this Next.js page for performance problemsRefactor the dashboard data fetching to remove waterfallsWhy is my bundle so large? Apply the React best practicesHow to install it
In Claude Code
npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices
In Claude.ai
Zip the skill folder and upload it under Customize > Skills > + > Create skill > Upload a skill.
Good to know
One of the most installed skills on skills.sh.
Unlock the install steps
Free. Leave your email once to open the install steps for all 149 skills, and get the best new skills each month.
How we checked it
Confirmed SKILL.md at skills/react-best-practices/SKILL.md in vercel-labs/agent-skills via the GitHub API; skill folder last changed 2026-04-14, repo has 32,564 stars and was pushed 2026-10-14; published in Vercel's official vercel-labs/agent-skills collection.
Source: github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices