topskills
Browse Skills

composition-patterns

Boolean prop hell → compound components. Cleaner React component APIs by construction.

Score 0(?)VerifiedCodeby VercelSource
Verified for:

Install

$ npx skills add github.com/vercel-labs/agent-skills --skill composition-patterns

Best for

Component library refactoring, API design improvements.

About this skill

Replaces boolean props with compound components and clean APIs.

ReactPatternsAPI design

Score breakdown

Score breakdown

rubric 1.0
Install count
0/20
Provenance
12.8/15
GitHub stars
0/15
Recency
6/10
Compatibility
4/10
Documentation depth
6.5/10
Install ergonomics
10/10
License
5/5
Verification freshness
3/5

Composite 0–100 score derived from 9 verifiable signals. See the rubric →

Related skills

Official

Escape generic AI-generated UIs. Forces a bold, distinctive design direction before any code is written.

ReactTailwindDesign
All surfaces
Official

Self-contained HTML artifacts with React + shadcn/ui — no build step, just paste and run.

Reactshadcn/uiArtifacts
All surfaces
Official

Lock generated UIs to a brand. Anthropic's own guidelines, formalized as a skill.

BrandGuidelinesIdentity
All surfaces

Skill FAQ

About composition-patterns

What is the composition-patterns skill?

Replaces boolean props with compound components and clean APIs.

Which agents does composition-patterns work with?

Claude Code, Cursor.

How do I install composition-patterns?

Run `npx skills add github.com/vercel-labs/agent-skills --skill composition-patterns` for Claude Code. See the install panel for per-agent commands.

Is composition-patterns free to use?

Yes — composition-patterns is open source (MIT).

Who maintains composition-patterns?

composition-patterns is published by Vercel and was last updated on 2026-04-08.

What is composition-patterns best for?

Component library refactoring, API design improvements.