What problem does it solve? React components often accumulate boolean props like isThread or isEditing, creating exponential state combinations and unmaintainable conditional logic. This Skill provides structured rules for replacing prop proliferation with composition, making component libraries easier to maintain and extend. ## Core Features & Use Cases - Boolean Prop Elimination: Replace conditional props with explicit variant components and compound component structures backed by shared context. - State Lifting & Dependency Injection: Define generic context interfaces (state, actions, meta) so UI components work with any provider implementation, from local useState to global synced stores. - React 19 API Guidance: Apply modern patterns such as ref as a regular prop and use() instead of useContext(). - Use Case: When refactoring a message composer that has grown to accept isThread, isEditing, and isDMThread props, apply these rules to split it into ThreadComposer, EditComposer, and ChannelComposer variants sharing compound internals. ## Quick Start Ask the agent to refactor a React component with many boolean props into compound components using the vercel-composition-patterns rules.
