react-component-refactor

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

1. Read the Guidelines: Read resources/GUIDELINES.md for the complete refactoring checklist and rules.
2. Read the Examples: Read resources/EXAMPLES.md for concrete before/after patterns from real refactoring work.
3. Execute: Follow the guidelines to refactor the target module.