Vercel · Agent Skill

vercel-composition-patterns

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…

Published by VercelMIT89 lines in SKILL.md

Source: vercel-labs/agent-skills/skills/composition-patterns
Repository owner: vercel-labs

Install

Read the SKILL.md and any scripts before installing: a skill runs with your agent's permissions. This copies just this skill into Claude Code's user skills folder; other agents read skills from their own folder.

Claude Code (user-level)

git clone --depth 1 --filter=blob:none --sparse https://github.com/vercel-labs/agent-skills.git /tmp/agent-skills
cd /tmp/agent-skills && git sparse-checkout set "skills/composition-patterns"
mkdir -p ~/.claude/skills && cp -r "skills/composition-patterns" ~/.claude/skills/vercel-composition-patterns

Skills folder docs:

Claude Code Codex Gemini CLI OpenCode Cursor GitHub Copilot goose OpenHands Amp Factory Droid Junie Kiro Roo Code Mistral Vibe pi Hermes Agent OpenClaw Letta

Works with

Agent Skills is an open format, so this skill loads in any harness that supports it, including Claude Code, Codex, Gemini CLI, OpenCode, Cursor, GitHub Copilot, goose, OpenHands. Some skills are written for one product and say so in their description.

More skills from Vercel

deploy-to-vercel vercel-cli-with-tokens vercel-optimize vercel-react-best-practices vercel-react-native-skills vercel-react-view-transitions web-design-guidelines writing-guidelines

Reviewed Oct 5, 2026. Name and description are the skill's own frontmatter.