What problem does it solve?
This Skill helps AI agents and engineers systematically optimize React applications by providing structured, progressive-guidance on performance patterns, preventing unnecessary re-renders, hydration issues, and rendering bottlenecks.
Core Features & Use Cases
- Progressive disclosure of patterns (start with AGENTS.md overviews, load detailed references only when needed) to minimize context load.
- Categorized patterns including Re-render Optimizations, Rendering Performance, Advanced Patterns, and React 19 upgrades, with quick diagnostic guidance.
- Reference-driven workflow for auditing, code reviews, and performance improvements across small to large React codebases.
- Automation scripts (in scripts/) to detect common anti-patterns and generate audit-ready reports (in assets/reports and references).
- Real-world examples and checklists to guide engineers through safe, incremental improvements.
Quick Start
Read AGENTS.md for an overview, then load relevant references as problems emerge; use the quick-checklists.md to guide a formal code-review.