Vercel React Best Practices

Covers 45+ optimization levels and 57 rules, prioritizing request waterfalls and dependency bloat. 141k+ installs.

Install

npx skills add vercel-labs/skills --skill vercel-react-best-practices

Cross-tool: Claude Code ~/.claude/skills/ · Qoder ~/.qoder/skills/ · TRAE ~/.trae/skills/

Source

Covers 45+ optimization levels and 57 rules, prioritizing request waterfalls and dependency redundancy.

Core Checks

Request waterfall detection (serial → parallel)
Unnecessary client-side rendering
Bundle size analysis
React anti-patterns (useEffect overuse, prop drilling)
Next.js optimizations (Image component, font loading, caching)

When to Use

React/Next.js projects needing performance audits and code standards enforcement. Great for team collaboration to encode best practices as reusable rules.

#React#performance#best practices#Vercel