Vercel React Best Practices

A collection of 45 React and Next.js performance rules organized by actual impact, starting with critical waterfall elimination and bundle size, then working down to rendering optimizations and advanced patterns. Each rule includes wrong and right code examples, which makes it more useful for code review or refactoring than vague performance advice. The consistent prefixes (async-, bundle-, server-, client-) make it easy to reference specific rules when you're debugging a slow page load or reviewing a PR. It's maintained by Vercel, so the Next.js guidance reflects how the framework actually works. Worth having loaded when you're optimizing an existing app or setting up patterns for a new one.

Install to Claude Code

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