| name | react-component-refactor |
| description | Refactor large React components by extracting hooks, splitting sub-components, and organizing directory structure following established patterns. |
React Component Refactor
This skill provides a systematic approach for refactoring complex React components. Use it when a module has overgrown files, tangled state, or unclear separation of concerns.
Instructions
- Read the Guidelines: Read
resources/GUIDELINES.md for the complete refactoring checklist and rules.
- Read the Examples: Read
resources/EXAMPLES.md for concrete before/after patterns from real refactoring work.
- Execute: Follow the guidelines to refactor the target module.