vercel-composition-patterns — Skills

What it does

Refactoring components with many boolean props

Building reusable component libraries

Designing flexible component APIs

Reviewing component architecture

Working with compound components or context providers

architecture-avoid-boolean-props - Don't add boolean props to customize

architecture-compound-components - Structure complex components with shared

React composition patterns for scaling components and avoiding boolean prop proliferation.

Source

Repository: https://github.com/vercel-labs/agent-skills

vercel-composition-patterns FAQ

What does the vercel-composition-patterns skill do?

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. Refactoring components with many boolean props Building reusable component libraries

How do I install vercel-composition-patterns?

Run: npx -y skills add https://github.com/vercel-labs/agent-skills --skill vercel-composition-patterns --agent claude-code — the source lives at github.com/vercel-labs/agent-skills.

Maintain vercel-composition-patterns?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![vercel-composition-patterns on getagentictools](https://getagentictools.com/badge/skills/vercel-labs-agent-skills-vercel-composition-patterns.svg)](https://getagentictools.com/skills/vercel-labs-agent-skills-vercel-composition-patterns?ref=badge)

npx agentictools info skills/vercel-labs-agent-skills-vercel-composition-patterns

The second line is the CLI lookup for this page — handy in READMEs and docs.