★ 33,400License: MIT
vercel-composition-patterns
Techniques for composing flexible, reusable UI components using compound patterns and context providers rather than deeply nested prop drilling.
Publisher: Vercel Labs•Audited: 2026-11-02•Agents: Claude Code, Cursor, Codex, Windsurf
When to use this skill
- •Refactoring complex monolithic components into composable primitives
- •Building dialogs, dropdowns, and tabbed interfaces with clean API surfaces
- •Eliminating prop drilling across deep component trees
Package Files
SKILL.mdSource File
references/compound-components.mdSource File
Related nextjs Skills
vercel-cli
Automate project linking, environment variable synchronization, preview deployments, and production releases directly from agent terminal commands.
trigger-tasks
Author and trigger reliable background tasks, batch workflows, and long-running operations in Next.js without serverless function timeout limits.
vercel-react-best-practices
Essential rules for building fast React 19 apps in Next.js App Router, keeping bundles lean and eliminating hydration mismatches.
Production grade starter repo
Pre built starter repo with auth, databases, backend, and AI integrations already configured based on your tech stack of choice (worth $200+ and saves you 30+ hours of configuration).
6 Core Languages Supported18+ Frontend • 45+ Backend
TypeScript
React Native
Rust
Go
Python
Java
Custom PRD & business logicTasks streamed via MCPAgent skills pre-installed