React Composition Patterns
vercel-labsMake reusable React components easier to extend and understand.
Overview
This skill focuses on component APIs, compound components, shared state, and explicit variants. It gives an agent a vocabulary for simplifying a component whose many boolean options have become difficult to reason about.
A good fit for
Refactoring a reusable component while preserving the behavior its callers depend on.
Keep in mind
The upstream React 19 guidance does not apply to older projects. Composition also has a cost; a small component may not need additional providers or abstractions.
Example prompt
After installing, paste this into your agent and make it your own.
Use vercel-composition-patterns to review our configurable card. Suggest a simpler API, preserve current behavior, and show how existing callers would migrate.Source & details
Read the original SKILL.md- Publisher
- Vercel
- License
- MIT
- Source checked
We reviewed the upstream instructions and install source. Agent outputs have not been benchmarked. Review the changes and test your interface before shipping.
