ref-composition-patterns

---
name: ref-composition-patterns
description: "Reference library: React composition patterns (compound components, explicit variants, children-over-render-props, context interfaces, state lifting). Loaded on demand."
mode: [all]
---

# Composition Patterns Reference Library

Domain knowledge reference for React composition patterns.
Content loaded from the original global skill on demand.

See `~/.claude/skills/composition-patterns/` for full content including:
- Compound component patterns
- Explicit variant patterns (avoid boolean props)
- Children-over-render-props pattern
- Context + interface patterns for state management
- State lifting and decoupling implementation
- React 19 patterns (no forwardRef)

## When to Load

Load `~/.claude/skills/composition-patterns/rules/` files when:
- Building new React components that need composition patterns
- Refactoring components to use compound component pattern
- Reviewing code for composition anti-patterns
- Deciding between render props, children, or compound components