skillFrontend Skills1 min read
composition-patterns
Kill the boolean-prop explosion before your component library becomes unmaintainable.
React composition patterns — compound components, slots, state hoisting — with specific guidance for React 19.
Install
npx skills add vercel-labs/agent-skills --skill composition-patterns -g -ySummary
When a component has 14 boolean props you have a design problem, not an API. This skill teaches your agent to refactor toward compound components and slot-based composition instead of piling on more flags. Especially useful for reusable component libraries and any codebase where your base UI is starting to look like a prop switchboard.
More in Frontend Skills
- 1 min readshadcnShips built-in to the shadcn/ui CLI — activates whenever your agent runs shadcn commands.Read
- 1 min readtailwind-design-systemShip a real design system on Tailwind v4 instead of a pile of utility classes.Read
- 1 min readwebapp-testingYour agent runs your app, clicks through it, and actually verifies the UI — not just that types check.Read