Summary
This is Vercel's official performance optimization rulebook turned into a Claude skill. It covers 45 specific rules across React and Next.js, from critical waterfall elimination and bundle size wins to smaller JS optimizations. The rules are prioritized by impact, so you can focus on what actually moves the needle. Use it when writing new components, reviewing PRs for performance issues, or refactoring data fetching patterns. Each rule includes before/after code examples, which makes it genuinely useful for code generation and automated refactoring. If you're doing serious React work and care about load times, this is one of the more comprehensive references out there.
Install to Claude Code
npx -y skills add sickn33/antigravity-awesome-skills --skill react-best-practices --agent claude-codeInstalls into .claude/skills of the current project.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Files
SKILL.md
Select a file.
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
