vercel-react-best-practices

name	vercel-react-best-practices
description	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.

Vercel React Best Practices

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.