Vercel's React and Next.js performance rules (70 rules in 8 categories ordered by impact - eliminating waterfalls, bundle size, server-side performance, client-side data fetching, re-renders, rendering performance, JavaScript performance, and advanced patterns). Use when writing, reviewing, or refactoring React components, Next.js pages, or data fetching for performance.
Install
npx skills add vercel/vercel-plugin --skill react-best-practicesnpx skills add vercel/vercel-plugin --skill react-best-practices -a claude-code -gnpx skills add vercel/vercel-plugin --skill react-best-practices -a codex -ggemini skills install https://github.com/vercel/vercel-plugin.git --path skills/react-best-practicesgh skill install vercel/vercel-plugin react-best-practicesgit clone --depth 1 https://github.com/vercel/vercel-plugin /tmp/vercel__vercel-plugin
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/vercel__vercel-plugin/skills/react-best-practices ~/.claude/skills/react-best-practices # Claude Code
cp -R /tmp/vercel__vercel-plugin/skills/react-best-practices ~/.agents/skills/react-best-practices # Codex, Cursor, Gemini CLI, Copilot, OpenCode