vercel-composition-patterns
✓スケーラブルな構成パターンに反応します。ブール型プロパティの増殖を使用してコンポーネントをリファクタリングする場合、柔軟なコンポーネント ライブラリを構築する場合、または再利用可能な API を設計する場合に使用します。複合コンポーネント、レンダー プロップ、コンテキスト プロバイダー、またはコンポーネント アーキテクチャに関連するタスクをトリガーします。
SKILL.md
Composition patterns for building flexible, maintainable React components. Avoid boolean prop proliferation by using compound components, lifting state, and composing internals. These patterns make codebases easier for both humans and AI agents to work with as they scale.
| 1 | Component Architecture | HIGH | architecture- | | 2 | State Management | MEDIUM | state- | | 3 | Implementation Patterns | MEDIUM | patterns- |
Read individual rule files for detailed explanations and code examples:
スケーラブルな構成パターンに反応します。ブール型プロパティの増殖を使用してコンポーネントをリファクタリングする場合、柔軟なコンポーネント ライブラリを構築する場合、または再利用可能な API を設計する場合に使用します。複合コンポーネント、レンダー プロップ、コンテキスト プロバイダー、またはコンポーネント アーキテクチャに関連するタスクをトリガーします。 ソース: thongdn-it/react-agent-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/thongdn-it/react-agent-skills --skill vercel-composition-patterns- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
vercel-composition-patterns とは？
スケーラブルな構成パターンに反応します。ブール型プロパティの増殖を使用してコンポーネントをリファクタリングする場合、柔軟なコンポーネント ライブラリを構築する場合、または再利用可能な API を設計する場合に使用します。複合コンポーネント、レンダー プロップ、コンテキスト プロバイダー、またはコンポーネント アーキテクチャに関連するタスクをトリガーします。 ソース: thongdn-it/react-agent-skills。
vercel-composition-patterns のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/thongdn-it/react-agent-skills --skill vercel-composition-patterns インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/thongdn-it/react-agent-skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01