# vercel-composition-patterns

> Claude/Codex skill by [@vercel-labs](https://omgskills.com/library/vercel-labs/index.md) · 31k stars · Updated 2026-08-28

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.

## Install

```sh
git clone https://github.com/vercel-labs/agent-skills /tmp/agent-skills && ln -s /tmp/agent-skills/skills/composition-patterns ~/.claude/skills/vercel-composition-patterns
```

## From README

React Composition Patterns Composition patterns for building flexible, maintainable React components. Avoid boolean prop proliferation by using compound components, lifting state, and composing internals. These patterns make codebases easier for both humans and AI agents to work with as they scale.

## Links

- HTML page: https://omgskills.com/skills/vercel-labs/claude-skills/vercel-composition-patterns/
- GitHub: https://github.com/vercel-labs/agent-skills
- Author: [@vercel-labs](https://omgskills.com/library/vercel-labs/index.md)

## More from this repo

- [deploy-to-vercel](https://omgskills.com/skills/vercel-labs/claude-skills/deploy-to-vercel/index.md) — Deploy applications and websites to Vercel.
   - [@vercel-labs](https://omgskills.com/library/vercel-labs/index.md) · 31k stars
- [vercel-cli-with-tokens](https://omgskills.com/skills/vercel-labs/claude-skills/vercel-cli-with-tokens/index.md) — Deploy and manage projects on Vercel using token-based authentication.
   - [@vercel-labs](https://omgskills.com/library/vercel-labs/index.md) · 31k stars

## More skills by this author

- [agent-browser](https://omgskills.com/skills/vercel-labs/agent-browser/skills/agent-browser/index.md) — Browser automation CLI for AI agents.
   - [@vercel-labs](https://omgskills.com/library/vercel-labs/index.md) · 42k stars