| name | ecomap-generator |
| description | クライアントの支援ネットワークや現在の状態を、D3.jsを用いたインタラクティブなグラフ（エコマップ・インサイトグラフ）として可視化するスキル。ノードをドラッグして動かしたり、詳細を確認したりできるHTMLを出力する。「エコマップ」「関係図」「今の状態を視覚化」「インサイトグラフ」「ビジュアルで確認」などの話題で必ずこのスキルを使用すること。 |
エコマップ・インサイト生成スキル (ecomap-generator)
このスキルの意義
知的障害者支援において、本人を取り巻く「関係性」や、日々の「感情の変化」を直感的に把握することは極めて重要です。このスキルは、Neo4j内の複雑な繋がりを、物理シミュレーションを用いた生き生きとしたビジュアル（HTML形式）に変換し、支援チームの共通理解を助けます。
使用するMCPツール
| ツール | 用途 |
|---|
neo4j:execute_query | 可視化に必要なデータの読み取り（読み取り専用利用） |
| Bash（シェルコマンド実行） | 可視化HTML生成スクリプトの実行（Claude Code の Bash ツール等、環境のシェル実行手段を使う） |
主な可視化内容
- 本人の中心性: クライアントを中央に、周囲に支援情報を配置。
- 禁忌・推奨事項: 安全に関わる「絶対にやってはいけないこと」や「効果的なケア」を色分けして表示。
- 最新の感情インサイト: 直近の支援記録に基づき、喜び（Joy）や怒り（Anger）の状態をアニメーション効果で強調。
- インタラクティブ性: 各ノードをクリックして詳細プロパティ（背景、具体的な状況など）を確認可能。
実行手順
Step 1: データの確認と抽出
対象のクライアント名に基づき、必要な情報が揃っているか確認します。
Step 2: ビューの生成
ハイブリッド・インサイト・ビュー（推奨）
感情時系列チャート + 物理グラフ + AI相談プロンプト機能を統合したダッシュボード。
uv run python claude-skills/ecomap-generator/scripts/generate_html.py "[クライアント名]" hybrid
機能:
- 左パネル: 感情ポジティブ率の時系列折れ線グラフ（30日間）、Emotion Drift アラート、成功パターン一覧
- 右パネル: D3.js物理シミュレーションによるノードグラフ
- ノードクリック: 詳細プロパティ表示 + AI相談プロンプトのワンクリックコピー
- リスクバッジ: insight-engine の総合リスク評価（高/中/低）をヘッダーに表示
クラシックエコマップ
従来の物理グラフのみのビュー。
uv run python claude-skills/ecomap-generator/scripts/generate_html.py "[クライアント名]" classic
Step 3: ユーザーへの提示
生成されたファイルのパスを提示し、ブラウザで開くよう案内します。
例：「[クライアント名]さんのインサイトグラフを生成しました。以下のファイルを開くと、現在の感情の変化や禁忌事項を動的なグラフで確認できます。」
AI相談プロンプト機能
グラフ上のノードをクリックすると詳細パネルが開き、「Claude に相談するプロンプトをコピー」ボタンが表示されます。
ボタンを押すとノードタイプに応じた相談プロンプトがクリップボードにコピーされ、そのまま Claude Desktop に貼り付けて相談できます。
| ノードタイプ | 生成されるプロンプト |
|---|
| NgAction | 禁忌事項への安全な対応手順と初動対応の相談 |
| CarePreference | ケア方法の改善とバリエーション提案 |
| SupportLog | 記録の分析と今後の支援方針改善 |
| Condition | 特性への日常的な支援ポイント相談 |
活用場面
- ケース会議: ハイブリッドビューで感情トレンドとネットワークを同時に俯瞰。
- 新人研修・引き継ぎ: 禁忌事項ノードをクリックし、AI相談プロンプトで具体的な対応方法を学ぶ。
- リスクモニタリング: 感情チャートの警戒ライン割れとアラートで悪化兆候を早期発見。
- 現場での即時相談: ノードクリック → プロンプトコピー → Claude に貼り付けて即相談。
