Optimizes React and Next.js application performance using Vercel Engineering's standardized guidelines.
This skill provides a comprehensive framework for optimizing React and Next.js applications based on industry-leading practices from Vercel. It features 45 prioritized rules covering critical areas like eliminating async waterfalls, reducing bundle sizes, and streamlining server-side rendering. Whether you are refactoring legacy code or building new features, this skill guides Claude to implement high-performance patterns such as Suspense boundaries, dynamic imports, and efficient state management to ensure lightning-fast web experiences and improved Core Web Vitals.
主要功能
013 GitHub stars
02Improves server-side performance with React.cache and non-blocking operations
03Reduces unnecessary client-side re-renders and JS execution time
04Eliminates asynchronous waterfalls with parallel fetching techniques
05Optimizes bundle sizes via dynamic imports and barrel file removal
06Provides 45 prioritized rules for automated code refactoring and generation
使用场景
01Refactoring Next.js applications to improve Core Web Vitals and load times
02Conducting performance-focused code reviews for React and Next.js components
03Implementing efficient data fetching patterns in both server and client components
