Summary
This is Vercel's internal performance optimization guide turned into a Claude skill, covering 57 rules across 8 categories from eliminating request waterfalls to bundle size optimization. Use it when writing or reviewing React and Next.js code where performance matters. The rules are prioritized by impact, which is smart since you'll spend most of your time on things like avoiding barrel imports and parallelizing data fetches rather than micro-optimizing JavaScript loops. Each rule includes before and after examples. The categories make sense: waterfalls and bundle size are marked critical, server-side patterns are high priority, and things like SVG coordinate precision are appropriately labeled low impact. Good reference for teams that need consistent patterns across a codebase.
Install to Claude Code
npx -y skills add vercel-labs/agent-eval --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 3, 2026
