Vercel React Best Practices

This is Vercel's internal performance playbook turned into a Claude skill. It covers 70 rules across eight categories, from eliminating async waterfalls and bundle optimization (the critical stuff) down to JavaScript micro-optimizations. The real value is in how it prioritizes. Instead of dumping every best practice on you, it focuses on what actually moves the needle: parallel data fetching, avoiding barrel imports, proper use of React Server Components. Use it when writing or reviewing React/Next.js code and you want to catch performance footguns before they ship. The rules are specific enough to guide refactoring decisions, not just vague advice about "making things faster."

Install to Claude Code

npx -y skills add vercel-labs/agent-skills --skill vercel-react-best-practices --agent claude-code