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.
Install
npx skills add vercel-labs/agent-skills --skill vercel-composition-patternsnpx skills add vercel-labs/agent-skills --skill vercel-composition-patterns -a claude-code -gnpx skills add vercel-labs/agent-skills --skill vercel-composition-patterns -a codex -ggemini skills install https://github.com/vercel-labs/agent-skills.git --path skills/composition-patternsgh skill install vercel-labs/agent-skills vercel-composition-patternsgit clone --depth 1 https://github.com/vercel-labs/agent-skills /tmp/vercel-labs__agent-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/vercel-labs__agent-skills/skills/composition-patterns ~/.claude/skills/vercel-composition-patterns # Claude Code
cp -R /tmp/vercel-labs__agent-skills/skills/composition-patterns ~/.agents/skills/vercel-composition-patterns # Codex, Cursor, Gemini CLI, Copilot, OpenCode