vercel-labs/agent-skills

vercel-composition-patterns

Helps agents design React component APIs that remain flexible as a product grows.

View GitHub

Installs: 316,734
GitHub stars: 30,719

Install this skill

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

Run install commands only after reviewing the repository, SKILL.md, scripts, requested permissions, and recent repository activity.

Skill overview

Vercel Composition Patterns, in plain English

Helps agents design React component APIs that remain flexible as a product grows.

This skill is a strong fit for design systems, shared component libraries, and refactors where component APIs have become hard to reason about.Instead of explaining the workflow from scratch each time, you can install it once and give your AI assistant a consistent way to approach the job.

What it helps your AI do

Replaces sprawling boolean props with explicit variants and composable parts.
Explains compound components, context boundaries, state ownership, and render patterns.
Includes guidance aligned with React 19 APIs.

Keep exploring

More frontend & design skills

View category

Anthropic

frontend-design

Gives an agent a stronger visual point of view before it starts writing interface code.

Read the review

Vercel

vercel-react-best-practices

A prioritized React and Next.js performance checklist maintained by Vercel Engineering.

Read the review

Vercel

web-design-guidelines

Reviews interface code against a maintained set of usability, interaction, and accessibility checks.

Read the review