---
name: composition-patterns
slug: composition-patterns
score: 51
rubric: 1.0
provenance: verified-org
publisher: Vercel
license: MIT
capability: read-only
canonical: https://top-agent-skills.com/skill/composition-patterns
---

# composition-patterns

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

## Install

### Claude Code

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

### Cursor

```bash
npx skills add vercel-labs/agent-skills --skill composition-patterns --target cursor
```

## Best for

Component library refactoring, API design improvements.


## About

Replaces boolean props with compound components and clean APIs.

## Compatibility

claude-code, cursor

## Metadata

- Categories: frontend-design, code-quality-review
- Tags: React, Patterns, API design
- Setup time: 2 min
- Complexity: Low
- Last update: 2026-04-08
- Verified: 2026-04-29
- Source: https://github.com/vercel-labs/agent-skills


---

_Indexed by Top Agent Skills. Score breakdown: https://top-agent-skills.com/about/methodology_