Summary
A solid compilation of Vercel's React and Next.js performance rules that covers the usual suspects: eliminating request waterfalls, trimming bundle size, optimizing server components. The 45 rules are organized into eight categories with priority levels, which is helpful when you're deciding what to fix first. It bans sequential awaits and barrel file imports, pushes Promise.all for parallel fetching, and enforces RSC boundary discipline. The rule naming convention with prefixes like async-, bundle-, server- makes it easy to reference during reviews. If you're already familiar with modern React patterns, nothing groundbreaking here, but having it codified as a skill means Claude will actually enforce these practices instead of just nodding along when you ask about performance.
Install to Claude Code
npx -y skills add supercent-io/skills-template --skill react-best-practices --agent claude-codeInstalls into .claude/skills of the current project.
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 →
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Files
SKILL.md
Select a file.
Featured
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 →Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
