React component API patterns from Vercel: compound components, lifted state, no boolean prop sprawl, React 19 APIs.
$ npx skills add https://craftwork.design/skills/vercel-composition-patterns -a claude-code -y
Installs into .claude/skills/vercel-composition-patterns. Add -g for every project.
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.
When to Apply
Reference these guidelines when:
Refactoring components with many boolean props
Building reusable component libraries
Designing flexible component APIs
Reviewing component architecture
Working with compound components or context providers
