vercel-composition-patterns

by @vercel-labs/agent-skills · 24.0K stars · 104.0K installs/wk · Rank #43

Advanced React composition patterns and architecture guidelines for building scalable, maintainable component libraries.

Install

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-composition-patterns

Summary

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()