Summary
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-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →First SeenJun 11, 2026
