Vercel React Best Practices

This is Vercel's internal performance playbook turned into a Claude skill with 62 rules across 8 categories, from eliminating request waterfalls to micro-optimizations like hoisting RegExp outside loops. Each rule has a priority rating and prefix (async-, bundle-, server-, etc.) so Claude knows what to focus on first. Most valuable when refactoring existing React/Next.js code or reviewing PRs, since it catches things like barrel file imports killing your bundle size or accidentally serializing too much data in RSC props. The waterfall elimination and bundle optimization rules alone justify having this in your toolkit. Worth noting it assumes you're already comfortable with React, this isn't a beginner's guide but a reference for writing production-grade code.

Install to Claude Code

npx -y skills add cherryhq/cherry-studio --skill vercel-react-best-practices --agent claude-code