ecomap-generator

name	ecomap-generator
description	クライアントの支援ネットワークや現在の状態を、D3.jsを用いたインタラクティブなグラフ（エコマップ・インサイトグラフ）として可視化するスキル。ノードをドラッグして動かしたり、詳細を確認したりできるHTMLを出力する。「エコマップ」「関係図」「今の状態を視覚化」「インサイトグラフ」「ビジュアルで確認」などの話題で必ずこのスキルを使用すること。

エコマップ・インサイト生成スキル (ecomap-generator)

このスキルの意義

知的障害者支援において、本人を取り巻く「関係性」や、日々の「感情の変化」を直感的に把握することは極めて重要です。このスキルは、Neo4j内の複雑な繋がりを、物理シミュレーションを用いた生き生きとしたビジュアル（HTML形式）に変換し、支援チームの共通理解を助けます。

使用するMCPツール

ツール	用途
neo4j:execute_query	可視化に必要なデータの読み取り（読み取り専用利用）
Bash（シェルコマンド実行）	可視化HTML生成スクリプトの実行（Claude Code の Bash ツール等、環境のシェル実行手段を使う）

主な可視化内容

1. 本人の中心性: クライアントを中央に、周囲に支援情報を配置。
2. 禁忌・推奨事項: 安全に関わる「絶対にやってはいけないこと」や「効果的なケア」を色分けして表示。
3. 最新の感情インサイト: 直近の支援記録に基づき、喜び（Joy）や怒り（Anger）の状態をアニメーション効果で強調。
4. インタラクティブ性: 各ノードをクリックして詳細プロパティ（背景、具体的な状況など）を確認可能。

実行手順

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 に貼り付けて即相談。