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
10discuss-task
Clarify ambiguous tasks before action. Use when goal, scope, success criteria, constraints, or risks are unclear.
7react-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.
6discuss-code
Critically discuss code issues with compact findings. Use when code needs review for logic, simplicity, structure, naming, or maintainability.
6react-key-prop
Guides proper usage of the key prop in React lists. Use this skill when rendering lists, mapping arrays to components, or troubleshooting list-related state bugs.
5cognitive-fluency-psychology
Apply cognitive fluency principles to improve clarity, trust, and conversion.
5