Vercel React Best Practices

This is Vercel's official performance playbook for React and Next.js, packaged as 45 rules across 8 categories and sorted by impact. It starts with the heavy hitters like waterfall elimination and bundle optimization, then works down to advanced patterns. Think of it as a priority list for refactoring: if Claude is generating or reviewing your Next.js code, it knows to fix the request waterfall before worrying about memo usage. The structure is opinionated, which is exactly what you want when automating performance fixes. At 7.9K installs it's one of the more popular framework specific skills, probably because it comes straight from the team that maintains Next.js.

Install to Claude Code

npx -y skills add supercent-io/skills-template --skill vercel-react-best-practices --agent claude-code