MCP.so
ログイン

vercel-composition-patterns公式

vercel-labs / agent-skills

基本情報

カテゴリ

デザイン&UI

リポジトリ

vercel-labs / agent-skills

Skill

vercel-composition-patterns

vercel-composition-patterns について

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.

#React#Next.js#Design & UI

vercel-composition-patterns をインストール

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

できること

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

コメント

デザイン&UI のその他のスキル