components-composition-patterns
Installation
SKILL.md
React Composition Patterns
Composition patterns for building flexible, maintainable React components. Avoid boolean prop proliferation by using compound components, lifting state, and composing internals. These patterns make codebases easier for both humans and AI agents to work with as they scale.
Rule Categories by Priority
| Priority | Category | Impact | Prefix | Reference |
|---|---|---|---|---|
| 1 | Component Architecture | HIGH | architecture- |
references/component-architecture.md |
| 2 | State Management | MEDIUM | state- |
references/state-management.md |
| 3 | Implementation Patterns | MEDIUM | patterns- |
references/implementation-patterns.md |
| 4 | React 19 APIs | MEDIUM | react19- |
references/react19-apis.md |
References
Each file is loaded on demand — read one only when the task needs that depth (progressive disclosure).