Vercel Composition Patterns

Designs composable, reusable React components and keeps component APIs simple instead of piling on props.

How to use it

Install it with the open Skills CLI (needs Node.js), then restart your agent:

npx skills add vercel-labs/agent-skills --skill vercel-composition-patterns

Prefer to do it by hand? Open the source, save the SKILL.md file into .claude/skills/vercel-composition-patterns/ in your project, and call it with /vercel-composition-patterns.

بالعربي

يصمم مكونات React قابلة للتركيب وإعادة الاستخدام، ويقلل تعقيد واجهات المكونات وتضخم معاملات التحكم.

More for react & next.js

  • Vercel React Best Practices: Reviews and speeds up React and Next.js apps: fewer request waterfalls, smaller bundles and no needless re-renders.