スケーラブルな構成パターンに反応します。ブール型プロパティの増殖を使用してコンポーネントをリファクタリングする場合、柔軟なコンポーネント ライブラリを構築する場合、または再利用可能な API を設計する場合に使用します。複合コンポーネント、レンダー プロップ、コンテキスト プロバイダー、またはコンポーネント アーキテクチャに関連するタスクをトリガーします。 React 19 API の変更が含まれます。
コマンドラインで vercel-composition-patterns AI スキルを開発環境にすばやくインストール
ソース: artivilla/agents-config。
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- | | 4 | React 19 APIs | MEDIUM | react19- |
⚠️ React 19+ only. Skip this section if using React 18 or earlier.
スケーラブルな構成パターンに反応します。ブール型プロパティの増殖を使用してコンポーネントをリファクタリングする場合、柔軟なコンポーネント ライブラリを構築する場合、または再利用可能な API を設計する場合に使用します。複合コンポーネント、レンダー プロップ、コンテキスト プロバイダー、またはコンポーネント アーキテクチャに関連するタスクをトリガーします。 React 19 API の変更が含まれます。 ソース: artivilla/agents-config。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/artivilla/agents-config --skill vercel-composition-patternsスケーラブルな構成パターンに反応します。ブール型プロパティの増殖を使用してコンポーネントをリファクタリングする場合、柔軟なコンポーネント ライブラリを構築する場合、または再利用可能な API を設計する場合に使用します。複合コンポーネント、レンダー プロップ、コンテキスト プロバイダー、またはコンポーネント アーキテクチャに関連するタスクをトリガーします。 React 19 API の変更が含まれます。 ソース: artivilla/agents-config。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/artivilla/agents-config --skill vercel-composition-patterns インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/artivilla/agents-config