vercel-labs logo
#94 by installsFrontend & frameworksvercel-labs/agent-skills

vercel-composition-patterns

Compound components, render props, and context patterns for scalable component APIs

Installs
419K
all time
This week
15.4K
installs
Repo stars
31.9K
GitHub
First seen
Jan 26, 2026
on skills.sh
Install
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-composition-patterns
Works with Claude Code, Cursor, Codex, GitHub Copilot, Windsurf, Gemini CLI and other agents that read SKILL.md.
What it does

React composition patterns for scaling components and avoiding boolean prop proliferation. React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing…

  • Covers four priority categories: component architecture, state management, implementation patterns, and React 19 APIs, each with specific rules and code examples
  • Includes 10+ named patterns addressing compound components, context providers, state lifting, and explicit variants
  • Designed for refactoring bloated components, building reusable libraries, and reviewing component architecture decisions