Use when optimizing React component rendering, fixing Core Web Vitals (LCP, INP, CLS), reducing bundle size, diagnosing re-renders, code splitting, memoization decisions, Server Component patterns, or profiling React apps. Covers React 19, React Compiler, useTransition, useDeferredValue, Suspense, and Next.js optimization.
Install
npx skills add LeahyCC/claude-skills --skill react-performancenpx skills add LeahyCC/claude-skills --skill react-performance -a claude-code -gnpx skills add LeahyCC/claude-skills --skill react-performance -a codex -ggemini skills install https://github.com/LeahyCC/claude-skills.git --path skills/react-performancegh skill install LeahyCC/claude-skills react-performancegit clone --depth 1 https://github.com/LeahyCC/claude-skills /tmp/LeahyCC__claude-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/LeahyCC__claude-skills/skills/react-performance ~/.claude/skills/react-performance # Claude Code
cp -R /tmp/LeahyCC__claude-skills/skills/react-performance ~/.agents/skills/react-performance # Codex, Cursor, Gemini CLI, Copilot, OpenCode