{"$schema":"https://top-agent-skills.com/schemas/skill.v1.json","name":"composition-patterns","slug":"composition-patterns","canonical":"https://top-agent-skills.com/skill/composition-patterns","description":"Replaces boolean props with compound components and clean APIs.","tagline":"Boolean prop hell → compound components. Cleaner React component APIs by construction.","bestFor":"Component library refactoring, API design improvements.","notIdealFor":null,"publisher":{"name":"Vercel","url":null,"tier":"verified-org"},"license":"MIT","isOpenSource":true,"surfaces":["claude-code"],"compatibility":["claude-code","cursor"],"capabilityLevel":"read-only","setup":{"time":"2 min","complexity":"Low"},"install":[{"agent":"claude-code","command":"npx skills add github.com/vercel-labs/agent-skills --skill composition-patterns","manual":null,"followUp":null},{"agent":"cursor","command":"npx skills add vercel-labs/agent-skills --skill composition-patterns --target cursor","manual":null,"followUp":null}],"taxonomy":{"primaryCategories":["frontend-design","code-quality-review"],"verticalCategories":["engineering"],"tags":["React","Patterns","API design"],"filters":["verified-org","open-source","one-command-install","read-only","works-with-claude-code"]},"links":{"github":"https://github.com/vercel-labs/agent-skills","docs":null,"website":null},"_meta":{"score":{"value":51,"rubric":"1.0","inputs":{"installCount":0,"provenance":12.8,"githubStars":0,"recency":8.5,"compatibility":4,"documentation":6.5,"installErgonomics":10,"license":5,"verification":4.3}},"stats":{"installCount":null,"githubStars":null,"lastUpdated":"2026-04-08","verifiedAt":"2026-04-29"}}}