vercel-react-best-practices

7.6

259

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

reactnextjsperformance

7.6

Rating

Installs

Frontend Development

Quick Review

Excellent skill providing comprehensive React/Next.js performance optimization guidelines. The description clearly specifies when to invoke the skill (React components, Next.js pages, data fetching, bundle optimization). SKILL.md provides outstanding structure with 45 rules organized into 8 prioritized categories, each with clear impact levels and naming conventions. The quick reference makes rules instantly accessible. Task knowledge is thorough, with the skill referencing AGENTS.md for full details and code examples. Structure is clean and well-indexed, avoiding clutter while maintaining completeness. Novelty is strong—consolidating 45 Vercel-specific performance patterns saves significant tokens and reduces errors compared to a CLI agent attempting optimization from scratch. Minor deduction on novelty only because some simpler rules (like early returns) are common patterns, but the comprehensive, prioritized compilation and Vercel-specific insights make this highly valuable.