Optimizes React and Next.js application performance using 45 high-impact engineering rules from Vercel.
This skill integrates Vercel Engineering's comprehensive performance guidelines directly into Claude, providing a specialized framework for writing, reviewing, and refactoring React and Next.js code. It addresses critical bottlenecks by offering prioritized rules for eliminating async waterfalls, optimizing bundle sizes, and enhancing server-side execution. Whether you are implementing data fetching patterns or fine-tuning re-render logic, this skill ensures your frontend architecture adheres to industry-leading standards for speed and scalability.
주요 기능
01Minimizes client-side re-renders via memoization and stable state updates.
02Reduces bundle sizes through dynamic imports and barrel file removal.
03Improves JavaScript execution efficiency with optimized loops and data structures.
04101 GitHub stars
05Optimizes server-side performance with React.cache and non-blocking operations.
06Eliminates async waterfalls using parallel fetching and Suspense boundaries.
사용 사례
01Generating new production-ready pages using Vercel's latest performance patterns.
02Auditing React component libraries for performance regressions and bundle bloat.
03Refactoring Next.js applications to improve Core Web Vitals and load times.
