Optimizes React and Next.js applications using 45 performance-focused rules from Vercel Engineering.
This skill integrates Vercel Engineering's performance optimization guidelines directly into your Claude Code workflow. It features 45 high-impact rules across eight categories, ranging from eliminating network waterfalls and optimizing bundle sizes to improving server-side execution and client-side rendering. By applying these standards during code generation or refactoring, the skill ensures your React and Next.js applications achieve optimal Core Web Vitals, efficient data-fetching patterns, and streamlined JavaScript execution.
Características Principales
01Improves server-side performance using React.cache and non-blocking operations
02Enhances rendering speed with SVG coordinate precision and content-visibility
030 GitHub stars
04Optimizes bundle sizes by identifying heavy imports and removing barrel files
05Reduces client-side re-renders through memoization and stable callback patterns
06Eliminates network waterfalls via parallel fetching and deferred await strategies
Casos de Uso
01Automating the implementation of Vercel-recommended data fetching patterns
02Refactoring existing Next.js pages to resolve performance bottlenecks
03Performing deep code reviews for React component and state management efficiency
