This skill equips Claude Code with a comprehensive framework for writing, reviewing, and refactoring React and Next.js code according to industry-leading performance standards. Based on Vercel Engineering's internal guidelines, it automates the detection and resolution of common bottlenecks such as network waterfalls, bloated bundle sizes, and unnecessary re-renders. By applying these 45 rules across eight critical categories—including server-side execution, client-side data fetching, and JavaScript execution—developers can ensure their applications are production-ready, highly performant, and follow the latest implementation patterns for the modern web.
주요 기능
01Prevents redundant re-renders via memoization and stable state patterns
02Improves JavaScript execution speed with optimized loops and Map lookups
03Reduces bundle size through smart dynamic imports and barrel file removal
04Eliminates network waterfalls with async-parallel and suspense strategies
0521 GitHub stars
06Optimizes server-side performance using React cache and serialization limits