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 to Claude Code

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