This skill provides an automated, expert-level code review for React components, focusing on five industry-standard design principles: SRP, Props management, Composition, Reusability, and Custom Hooks. It evaluates codebases for issues like deep props drilling, monolithic component structures, and mixed business-UI logic. By identifying Critical, Warning, and Suggestion level issues, it helps developers refactor complex components into cleaner, more modular code through side-by-side 'problem vs. solution' code examples.
主な機能
01Automated SRP (Single Responsibility Principle) analysis for component logic
02Identification of logic extraction opportunities via Custom Hooks
033 GitHub stars
04Detection of deep props drilling and interface interface optimization
05Composition pattern evaluation to replace inheritance or rigid structures
06Detailed refactoring reports with 'before and after' code comparisons
ユースケース
01Ensuring consistent design patterns across a team's frontend project
02Auditing legacy React codebases for structural improvements and technical debt
03Refactoring large, monolithic components into smaller, reusable functional units
