A comprehensive React optimization guide that teaches Claude to spot the anti-patterns that actually cause production bugs. The skill covers 25+ patterns from critical issues like components defined inside components (which lose focus on every keystroke) to SSR hydration mismatches and unnecessary re-renders. It's built for progressive disclosure so Claude only loads what it needs, checking first whether you're using React Compiler (which handles memoization automatically) before suggesting manual optimizations. Especially useful when you're debugging infinite loops, reviewing performance, or working with Next.js. Includes a standardized audit template with severity levels and impact categories, plus detection scripts you can run on your codebase.
npx skills add https://github.com/gohypergiant/agent-skills --skill accelint-react-best-practices