Menu
Use when React components are too large or complex and need extraction, simplification, or separation of concerns.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Use when designing, reviewing, or modifying backend API endpoints, schemas, validation, and API documentation.
Use when reviewing architecture boundaries, dependency direction, or multi-layer design decisions across modules.
Use when shaping new features or behavior changes that need requirements clarification and option tradeoff exploration before implementation.
Use when facing 2+ independent tasks that can be worked on without shared state or sequential dependencies
Use when modeling domain concepts, aggregates, and bounded contexts or checking DDD alignment in existing code.
Use when implementing or reviewing football data logic, pitch coordinates, event modeling, or sports vision pipelines.
Based on SOC occupation classification
| name | component-refactoring |
| description | Use when React components are too large or complex and need extraction, simplification, or separation of concerns. |
Refactor high-complexity React components with the patterns and workflow below.
Complexity Threshold: Components with lineCount > 300 should be considered for refactoring.
