react-vm
✓リアクティブでテスト可能なフロントエンド状態管理のために、Effect と Effect-Atom を使用して VM パターンを実装します。このスキルは、ドメイン サービスと UI の橋渡しとなる View Model を使用して React アプリケーションを構築するときに使用します。
SKILL.md
VMs take domain input → VMs produce UI-ready output → Components are pure renderers
Components must NEVER: format strings/dates/numbers, compute derived values, contain business logic, transform entities
Components ONLY: subscribe via useAtomValue, invoke via useAtomSet, pattern match with $match, render UI-ready values
リアクティブでテスト可能なフロントエンド状態管理のために、Effect と Effect-Atom を使用して VM パターンを実装します。このスキルは、ドメイン サービスと UI の橋渡しとなる View Model を使用して React アプリケーションを構築するときに使用します。 ソース: front-depiction/claude-setup。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/front-depiction/claude-setup --skill react-vm- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
react-vm とは？
リアクティブでテスト可能なフロントエンド状態管理のために、Effect と Effect-Atom を使用して VM パターンを実装します。このスキルは、ドメイン サービスと UI の橋渡しとなる View Model を使用して React アプリケーションを構築するときに使用します。 ソース: front-depiction/claude-setup。
react-vm のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/front-depiction/claude-setup --skill react-vm インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/front-depiction/claude-setup
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01