SkillsAdd

vercel-labs/agent-skills · Official

vercel-composition-patterns

All-time #165 Trending #212 Hot #6707 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 ↗

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…

866.4K 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…

349.4K installs
shadcn Linked neighbor
shadcn/ui 271.7K installs
webapp-testing Linked neighbor
anthropics/skills

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

152.3K installs
typescript-advanced-types Linked neighbor
wshobson/agents 72.2K installs
turborepo Linked neighbor
vercel/turborepo

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

69.5K installs

Security audits

Partner security reviews for this skill.

agent-trust-hub SAFE

Analyzed Feb 17, 2026

The skill provides a set of architectural guidelines and code examples for React development. No security risks or malicious behaviors were identified during the analysis.

snyk LOW

Analyzed Feb 17, 2026

No issues detected.

socket Score 0.9000 · 0 alerts

Analyzed Mar 18, 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 697.8K web-design-guidelines 617.3K vercel-react-native-skills 205.5K deploy-to-vercel 122.6K vercel-react-view-transitions 115.9K vercel-cli-with-tokens 94.7K vercel-optimize 67.2K writing-guidelines 61.6K 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