Vercel React Best Practices

A comprehensive collection of 70 performance rules from Vercel's engineering team, organized by impact from critical (eliminating waterfalls, bundle optimization) down to advanced patterns. The rules cover React and Next.js patterns with specific prefixes like async-, bundle-, server-, and rerender- so you know what you're optimizing. Each rule includes incorrect and correct code examples. This is essentially Vercel's internal playbook made portable, which means it skews heavily toward their infrastructure and opinions, but if you're building on Next.js or just want to understand how they think about React performance, it's a solid reference that goes beyond the usual "just use memo" advice.

Install to Claude Code

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