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.
Install
npx skills add vercel-labs/agent-skills --skill vercel-react-best-practicesnpx skills add vercel-labs/agent-skills --skill vercel-react-best-practices -a claude-code -gnpx skills add vercel-labs/agent-skills --skill vercel-react-best-practices -a codex -ggemini skills install https://github.com/vercel-labs/agent-skills.git --path skills/react-best-practicesgh skill install vercel-labs/agent-skills vercel-react-best-practicesgit clone --depth 1 https://github.com/vercel-labs/agent-skills /tmp/vercel-labs__agent-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/vercel-labs__agent-skills/skills/react-best-practices ~/.claude/skills/vercel-react-best-practices # Claude Code
cp -R /tmp/vercel-labs__agent-skills/skills/react-best-practices ~/.agents/skills/vercel-react-best-practices # Codex, Cursor, Gemini CLI, Copilot, OpenCode