← Registry
Skill Official

React Best Practices

React and Next.js performance optimization guidelines from Vercel Engineering, for writing, reviewing, or refactoring components.

Install

npx skills add vercel-labs/agent-skills
$

A performance optimization skill for React and Next.js maintained by Vercel Engineering, packing 70 rules across 8 categories ranked by impact. Categories range from eliminating data-fetching waterfalls and bundle-size cuts (critical) down to re-render and JavaScript micro-optimizations. Apply it when writing new components or pages, implementing data fetching, or reviewing and refactoring existing code for speed.