Skill
Composition Patterns
SkillReact composition that does not grow a boolean prop for every state.
Official Vercel skill. Compound components, slots, and the APIs that still make sense in a year.
spec·Apache-2.0·Updated this quarter·github.com/vercel-labs/agent-skills
Claude CodeCursorDesktop
Scanned
npx skills add vercel-labs/agent-skills/vercel-composition-patternsBy Vercel
Input
A component that is getting flags.
Output
A composition that drops the flags.
vercel-composition-patterns.skill/invoke
You say
This Button has 11 booleans.
It returns
Split into Button.Root + variants. Diff attached.
Prompt notebook
Prompts this skill is built for.
You say
This Button has 11 booleans.
It returns
Split into Button.Root + variants. Diff attached.
You say
How should the Field compose?
It returns
Field, Label, Control, Error. No layout prop.
What it teaches
- 01Compound components
- 02Slots
- 03API shape
Other skills in the loop
Discussion
No notes yet. Be the first hunter to report back.