Summary
This is Vercel's measurement-first approach to React and Next.js performance work. It triages problems into six buckets (waterfalls, bundle weight, RSC boundaries, rerenders, hydration, measurement gaps) before suggesting fixes, so you're not cargo-culting memoization when the real issue is a 200ms barrel import or three sequential fetches that should run in parallel. The 45-rule catalog covers everything from Promise.all patterns to content-visibility for long lists, but the workflow pushes you to profile first and route non-React bottlenecks to adjacent skills. If you're refactoring a slow App Router page or debugging why a client component ships 800kb of Lucide icons, this gives you the checklist and priority order.
Install to Claude Code
npx -y skills add akillness/oh-my-skills --skill 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 →
