decompose
Decompose Component
Decompose the provided component into smaller, focused units.
Input
- File or component path provided by the user.
Goals
- Identify mixed responsibilities and logic.
- Extract reusable utilities, hooks, and sub-components when useful.
- Maintain existing behavior and tests.
Constraints
- Preserve behavior unless the user explicitly approves a behavior change.
- Prefer the smallest correct decomposition.
- Avoid new abstractions unless reuse, locality, or readability improves.
More from flpbalada/fb-skills
progressive-disclosure
Reduce complexity by revealing information progressively. Use when designing
6discuss-task
Clarify ambiguous tasks before action. Use when goal, scope, success criteria, constraints, or risks are unclear.
4cognitive-fluency-psychology
Apply cognitive fluency principles to improve clarity, trust, and conversion.
4react-useeffect-avoid
Guides when NOT to use useEffect and suggests better alternatives. Use when reviewing React code, troubleshooting performance, or considering useEffect for derived state or form resets.
4discuss-code
Critically discuss code issues with compact findings. Use when code needs review for logic, simplicity, structure, naming, or maintainability.
4learn
Extract reusable patterns from the current session. Use when errors, debugging techniques, workarounds, or project conventions should become skills.
3