React and Next.js performance
/vercel-react-best-practices
/vercel-react-best-practices is a Claude Code skill in the Web & Design section. It is maintained by Hainrixz and published under the MIT license. Applies 62 Vercel Engineering performance rules when writing, reviewing or refactoring React and Next.js: data waterfalls, bundle size and re-renders.
Author's description
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
How to ask for it
Review this React component for performance best practicesIs this Next.js data fetching pattern optimal?Refactor this Next.js page following Vercel's performance guidelines
Install
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bashAfter installing with the script, type /vercel-react-best-practices. Using Cursor, Windsurf or Codex? Platform guides
Demo coming soon