react-performance-optimizer
✓Optimize React apps for 60fps performance. Implements memoization, virtualization, code splitting, bundle optimization. Use for slow renders, large lists, bundle bloat. Activate on "React performance", "slow render", "useMemo", "bundle size", "virtualization". NOT for backend optimization, non-React frameworks, or premature optimization.
Installation
SKILL.md
Expert in diagnosing and fixing React performance issues to achieve buttery-smooth 60fps experiences.
| React DevTools Profiler | Find slow components | Always start here | | Lighthouse | Overall performance score | Before/after comparison | | webpack-bundle-analyzer | Identify large dependencies | Bundle >500KB | | why-did-you-render | Unnecessary re-renders | Debug re-render storms | | React Compiler (2024+) | Automatic memoization | React 19+ |
Why wrong: Arrow function creates new reference → React.memo useless.
Optimize React apps for 60fps performance. Implements memoization, virtualization, code splitting, bundle optimization. Use for slow renders, large lists, bundle bloat. Activate on "React performance", "slow render", "useMemo", "bundle size", "virtualization". NOT for backend optimization, non-React frameworks, or premature optimization. Source: erichowens/some_claude_skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/erichowens/some_claude_skills --skill react-performance-optimizer- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is react-performance-optimizer?
Optimize React apps for 60fps performance. Implements memoization, virtualization, code splitting, bundle optimization. Use for slow renders, large lists, bundle bloat. Activate on "React performance", "slow render", "useMemo", "bundle size", "virtualization". NOT for backend optimization, non-React frameworks, or premature optimization. Source: erichowens/some_claude_skills.
How do I install react-performance-optimizer?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/erichowens/some_claude_skills --skill react-performance-optimizer Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/erichowens/some_claude_skills
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01