Vercel: оптимизация React и Next.js

engineering

vercel-react-best-practices is a Claude Code skill that packages 57 React and Next.js performance optimization rules authored by Vercel Engineering. The rules are organized into 8 priority-ranked categories: eliminating waterfalls and bundle size optimization are marked CRITICAL, server-side performance is HIGH, and re-render and rendering optimizations are MEDIUM. Each rule carries a short prefix — `async-`, `bundle-`, `server-`, `rerender-`, `rendering-`, `js-`, or `advanced-` — making it straightforward to target specific improvements during automated refactoring or code generation. The skill is designed for writing new components, reviewing data-fetching patterns, and cutting load times in scenarios where common pitfalls like sequential awaits, barrel file imports, or over-serialized RSC props hurt Core Web Vitals.