Optimizes React and Next.js performance using production-proven engineering guidelines from Vercel.
This skill integrates Vercel Engineering's comprehensive performance guidelines directly into Claude, providing 57 specific rules to optimize React and Next.js applications. It systematically addresses critical bottlenecks such as network waterfalls, excessive bundle sizes, and inefficient re-renders, offering actionable guidance for writing, reviewing, and refactoring high-performance web applications built on modern frontend stacks.
主な機能
01Enhances server-side performance using React.cache and efficient serialization
02Implements granular JavaScript execution improvements for high-load components
03Eliminates network waterfalls with parallel data fetching and Suspense patterns
040 GitHub stars
05Reduces client-side re-renders with memoization and state derivation strategies
06Optimizes bundle size through dynamic imports and barrel import management
ユースケース
01Refactoring legacy React components to improve Core Web Vitals and PageSpeed scores
02Conducting performance-focused code reviews to identify redundant renders or heavy imports
03Implementing efficient data fetching strategies in Next.js App Router environments
