Optimizes React and Next.js application performance by applying Vercel-engineered coding standards and optimization patterns.
This skill provides a comprehensive suite of performance optimization guidelines specifically for React and Next.js development, derived directly from Vercel Engineering's production standards. It empowers Claude to automatically identify and resolve performance bottlenecks such as asynchronous waterfalls, bloated bundle sizes, and inefficient component re-renders. By integrating 45 high-impact rules across eight critical categories, it ensures your codebase follows industry-leading patterns for speed, scalability, and optimal user experience during both new feature development and large-scale refactoring.
主要功能
01Bundle size reduction through dynamic imports and barrel file optimization.
02Server-side performance tuning using React.cache and non-blocking operations.
03Granular re-render optimization with memoization and stable callback patterns.
04Elimination of asynchronous waterfalls using parallel fetching and Suspense boundaries.
05Advanced rendering techniques including content-visibility and SVG precision tuning.
062 GitHub stars
使用场景
01Performing automated code reviews to ensure new React components meet performance standards.
02Implementing complex data-fetching logic that avoids common client-side and server-side bottlenecks.
03Refactoring existing Next.js pages to improve Core Web Vitals and PageSpeed scores.
