Vercel React Best Practices

SkillCloud & infra

Apply Vercel's React and Next.js performance optimization rules when auditing or refactoring existing React/Next.js code for waterfalls, bundle size, hydration issues, render cost, or measurable runtime performance problems.

Available today. Use it from your connected AI after setup.

Connect ahel once, and every AI you use reads what you have installed.

Then ask your AI: use the Vercel React Best Practices skill

What this skill tells your AI

The instructions your AI receives, as published by qianleigood/crawclaw in skills-optional/vercel-react-best-practices/SKILL.md and read by ahel’s review.

Use this skill for performance-focused React and Next.js review, not general product UI design.

Use this skill for

  • waterfall reduction
  • bundle size trimming
  • server/client rendering performance
  • hydration issues
  • rerender optimization
  • measurable runtime performance review

Rule routing

  • AGENTS.md For the full compiled rule set.
  • rules/ For specific rule files by category and prefix.
  • references/README.md For repository/setup notes.

Working rules

  • Read only the rule categories that match the current problem.
  • Prioritize critical categories first: waterfalls and bundle size.
  • Prefer targeted changes with measured impact over broad speculative rewrites.

Signals

GitHub stars
30
Forks
1
Last commit
Sep 2026
Advanced
Catalog kind
skill
Gateway key
vercel-react-best-practices-qianleigood
Source
github.com/qianleigood/crawclaw