React Performance Optimizer

This is a solid diagnostic and remediation tool for when your React app actually has performance problems, not theoretical ones. It pushes back against premature optimization (don't useMemo string concatenation) while showing exactly when to reach for memoization, virtualization with react-window, or code splitting. The decision tree is practical: slow renders get memoization, lists over 100 items get virtualized, bundles over 500KB get split. What I appreciate is the specificity around anti-patterns like breaking React.memo with unstable callbacks, which is incredibly common. It acknowledges React Compiler coming in 2024-2025 will automate much of this, but until then you need to know these patterns. Use it when Profiler shows renders over 16ms or you're actually experiencing jank.

Install to Claude Code

npx -y skills add erichowens/some_claude_skills --skill react-performance-optimizer --agent claude-code