What problem does it solve? React components accumulate boolean props like isThread, isEditing, and isDMThread as they grow, creating exponential state combinations and unmaintainable conditional logic. This Skill provides structured patterns to replace prop proliferation with composition, making component codebases easier to maintain and extend. ## Core Features & Use Cases - Compound Component Architecture: Structure complex components with shared context so subcomponents access state via context instead of props. - State Lifting and Dependency Injection: Move state into provider components with generic state/actions/meta interfaces, letting the same UI work with local state, Zustand, or server sync. - Explicit Variants and React 19 APIs: Create self-documenting variant components instead of boolean modes, and apply React 19 changes like ref-as-prop and use() instead of useContext(). - Use Case: When refactoring a message composer that has grown to accept isThread, isEditing, and isForwarding props, apply these rules to split it into ThreadComposer, EditComposer, and ForwardMessageComposer variants sharing a common Composer compound component. ## Quick Start Ask the AI to refactor a React component with many boolean props into compound components using the composition patterns in this skill.
