SkillsAdd

vercel-labs/agent-skills · Official

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 19 API changes.

All-time #176 Trending #190 First seen Jan 26, 2026
8-week activity · all time api

Installation

$ npx skills add https://github.com/vercel-labs/agent-skills
View on skills.sh ↗ GitHub repository ↗
Feature your product here Skill page unit · reach builders installing agent skills View pricing →

Summary

  • React composition patterns for scaling components and avoiding boolean prop proliferation.
  • 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 React 19 specific guidance on removing forwardRef and using use() instead of useContext()

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

frontend-design Linked neighbor
anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existi…

4.3K installs
ui-ux-pro-max Linked neighbor
nextlevelbuilder/ui-ux-pro-max-skill

UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designin…

1.8K installs
shadcn Linked neighbor
shadcn/ui

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and com…

271.1K installs
webapp-testing Linked neighbor
anthropics/skills

Toolkit for interacting with and testing local web applications using Playwright. Supports veri…

904 installs
typescript-advanced-types Linked neighbor
wshobson/agents

Master TypeScript's advanced type system including generics, conditional types, mapped types, t…

664 installs
turborepo Linked neighbor
vercel/turborepo

Turborepo monorepo build system guidance. Triggers on: turbo.json, task pipelines, dependsOn, c…

373 installs

Security audits

Partner security reviews for this skill.

agent-trust-hub Reviewed

Analyzed Sep 15, 2026

snyk Reviewed

Analyzed Sep 15, 2026

socket Score 0.9000 · 0 alerts

Analyzed Sep 15, 2026

  • license 1
  • maintenance 1
  • quality 0.9
  • supply chain 1
  • vulnerability 1

0 alerts

Also in this package

Other skills from vercel-labs/agent-skills · top by installs.

npx skills add https://github.com/vercel-labs/agent-skills
vercel-react-best-practices 3.7K web-design-guidelines 4.7K vercel-react-native-skills 1.3K deploy-to-vercel 1.3K vercel-react-view-transitions 1.4K vercel-cli-with-tokens 1.1K vercel-optimize 1.2K writing-guidelines 1.2K vercel-deploy 529 vercel-react-best-practices 1

Browse all from vercel-labs/agent-skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 31.0K
Default branch main
Open issues 173
Last push Aug 28, 2026
Status Active

History

  1. First seen on skills.sh
  2. First recorded snapshot · 327,531 installs