react-composition
✓状態管理に Effect Atom を使用して、コンポーザブルな React コンポーネントを構築します。このスキルは、ブール値の小道具を回避し、コンポーネント構成を採用し、Effect のリアクティブ ステート システムと統合する React UI を実装するときに使用します。
SKILL.md
Build React UIs using compositional patterns, Effect Atom for state management, and the component module pattern. Use this skill when creating React applications that integrate with Effect's ecosystem.
Build complex UIs from simple, composable pieces rather than configuring behavior through props.
Treat components like Effect modules with namespace imports and exported sub-components.
状態管理に Effect Atom を使用して、コンポーザブルな React コンポーネントを構築します。このスキルは、ブール値の小道具を回避し、コンポーネント構成を採用し、Effect のリアクティブ ステート システムと統合する React UI を実装するときに使用します。 ソース: front-depiction/claude-setup。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/front-depiction/claude-setup --skill react-composition- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
react-composition とは？
状態管理に Effect Atom を使用して、コンポーザブルな React コンポーネントを構築します。このスキルは、ブール値の小道具を回避し、コンポーネント構成を採用し、Effect のリアクティブ ステート システムと統合する React UI を実装するときに使用します。 ソース: front-depiction/claude-setup。
react-composition のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/front-depiction/claude-setup --skill react-composition インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/front-depiction/claude-setup
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01