Summary
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-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 →Categories
First SeenJun 11, 2026
