Vercel Composition Patterns

Tackles the classic React problem of components drowning in boolean props by teaching composition patterns that actually scale. Covers compound components, context providers, state lifting, and render prop alternatives with specific rules like avoiding boolean customization props and using explicit variant components instead. Includes React 19 API updates like dropping forwardRef for the new use() hook. The skill provides both quick reference rules and detailed examples for refactoring messy component APIs. Honestly, these patterns should be standard practice but most teams discover them the hard way after their component props become unmanageable.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 10
skills.sh installs: 446.4K
GitHub stars: 33.8K
last updated: Jul 14, 2026

View on GitHub

Install

$ npx -y skills add vercel-labs/agent-skills --skill vercel-composition-patterns --agent claude-code

Installs into .claude/skills of the current project.

Files

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.