react-composition
✓柔軟で保守可能な UI を構築するための React コンポーネント構成パターン。複合コンポーネント、コンテキストベースの状態、明示的なバリアント、および React 19 API をカバーします。コンポーネント API の設計、プロップの多いコンポーネントのリファクタリング、または再利用可能なコンポーネント ライブラリの構築時に使用します。
SKILL.md
Build flexible component APIs through composition instead of configuration.
Composition over configuration. When a component needs a new behavior, the answer is almost never "add a boolean prop." Instead, compose smaller pieces together.
Share implicit state through context. Each sub-component is independently meaningful.
柔軟で保守可能な UI を構築するための React コンポーネント構成パターン。複合コンポーネント、コンテキストベースの状態、明示的なバリアント、および React 19 API をカバーします。コンポーネント API の設計、プロップの多いコンポーネントのリファクタリング、または再利用可能なコンポーネント ライブラリの構築時に使用します。 ソース: s-hiraoku/synapse-a2a。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/s-hiraoku/synapse-a2a --skill react-composition- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-17
- 更新日
- 2026-02-18
クイックアンサー
react-composition とは？
柔軟で保守可能な UI を構築するための React コンポーネント構成パターン。複合コンポーネント、コンテキストベースの状態、明示的なバリアント、および React 19 API をカバーします。コンポーネント API の設計、プロップの多いコンポーネントのリファクタリング、または再利用可能なコンポーネント ライブラリの構築時に使用します。 ソース: s-hiraoku/synapse-a2a。
react-composition のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/s-hiraoku/synapse-a2a --skill react-composition インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/s-hiraoku/synapse-a2a
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-17