Refactoring and Code Cleanup

When to use this skill

• A component file exceeds 200 lines.
• The same logic is repeated in 3 or more places.
• Props are becoming too many/complex.

Rules

• The "Boy Scout Rule": Always leave the code slightly cleaner than you found it.
• Sub-components: Split large components into smaller files in a local components/ subfolder.
• Custom Hooks: Extract stateful logic (complex forms, complex filters) into hooks.

Workflow

• Identify a "Messy" component.
• Extract presentational parts into atomic components.
• Extract logic into Services or Hooks.
• Verify that the visual UI has NOT changed.

Instructions

• No Pre-optimization: Refactor logic only when it's actually reused or the file is unmanageable.