vercel-composition-patterns
スケーラブルなReactのコンポジションパターンです。ブール型のpropsが増殖してしまったコンポーネントのリファクタリング、柔軟なコンポーネントライブラリの構築、再利用可能なAPIの設計が必要な場合に活用できます。Compound Components、Render Props、Context Providersなどのコンポーネントアーキテクチャに関わるタスクで自動的に起動します。React 19のAPI変更にも対応しています。
description の原文を見る
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.
SKILL.md 本文
React コンポジションパターン
柔軟で保守性の高い React コンポーネントを構築するためのコンポジションパターンです。 複合コンポーネント、ステート提上げ、内部構造の合成を使用することで、ブール型プロップの増殖を避けます。 これらのパターンにより、スケールに応じて、人間と AI エージェント双方がコードベースを扱いやすくなります。
適用時期
以下の場合に、これらのガイドラインを参照してください:
- 多くのブール型プロップを持つコンポーネントをリファクタリングする場合
- 再利用可能なコンポーネントライブラリを構築する場合
- 柔軟なコンポーネント API を設計する場合
- コンポーネントアーキテクチャをレビューする場合
- 複合コンポーネントまたはコンテキストプロバイダーを扱う場合
ルールカテゴリー(優先度順)
| 優先度 | カテゴリー | インパクト | プリフィックス |
|---|---|---|---|
| 1 | コンポーネントアーキテクチャ | 高 | architecture- |
| 2 | ステート管理 | 中 | state- |
...
詳細情報
- 作者
- vercel-labs
- ライセンス
- 不明
- 最終更新
- 2026/5/7
Source: https://github.com/vercel-labs/agent-skills / ライセンス: 未指定