This skill integrates Vercel's comprehensive performance optimization guide directly into Claude Code, providing 45 prioritized rules across categories like waterfall elimination, bundle size reduction, and server-side performance. It is designed to assist developers in writing high-efficiency React components and Next.js pages, automating code reviews for performance bottlenecks, and implementing advanced patterns such as streaming with Suspense or efficient re-render management. By applying these standards during the development process, users can significantly improve Core Web Vitals and overall user experience.
主要功能
01Eliminates async waterfalls using parallel fetching and strategic await placement.
02Reduces bundle size through barrel import removal and dynamic component loading.
03Optimizes server-side performance with React.cache and non-blocking operations.
04Minimizes client-side re-renders through memoization and state read deferral.
0537,717 GitHub stars
06Improves rendering speed using content-visibility and SVG precision techniques.
使用场景
01Automated code reviews to identify and fix React performance bottlenecks.
02Refactoring legacy React code to follow modern Vercel-recommended patterns.
03Implementing efficient data-fetching strategies in Next.js App Router applications.