mcpField
M
MCP-Diagram

MCP-Diagram

ローカル
github.com/tenpigs267メディア・デザイン281 週間前に更新

MCP-Diagram について

MCP-Diagramは、テキストの説明からClaudeなどのAIアシスタント向けに図を生成します。D2LangとMermaidのツールで、ソフトウェア構成、UML、ER、シーケンス、ガント、マインドマップ、タイムラインを作成できます。

主な機能

  1. 01D2Langによる構成図の生成
  2. 02Mermaidによる構成図の生成
  3. 03UMLクラス図とER図の作成
  4. 04シーケンス図とガント図の作成
  5. 05マインドマップとタイムラインの作成

活用シーン

  1. 01ソフトウェア構成の可視化
  2. 02クラスやエンティティ関係の整理
  3. 03プロセスやスケジュールの図示

MCP 対応

テキストの説明からD2LangまたはMermaidの図を生成するツールを、MCPクライアントに公開します。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

インストール方法は未掲載です

このサーバーのパッケージやリモートエンドポイントはまだ取得できていません。プロジェクトの README の手順に従ってください。

リポジトリ

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

詳細

MCP-Diagram

Claude などの AI アシスタントで、テキストによる説明から簡単に図を生成するための MCP(Model-Client-Protocol)サーバーです。

🌟 機能

MCP-Diagram を使うと、Claude との会話からさまざまな種類の図を簡単に作成できます。

  • アーキテクチャ図(D2Lang と Mermaid)
  • UML クラス図(Mermaid)
  • ER 図(Mermaid)
  • シーケンス図(Mermaid)
  • ガントチャート(Mermaid)
  • マインドマップ(Mermaid)
  • タイムライン(Mermaid)

📋 前提条件

  • Java Runtime Environment(JRE)17 以降
  • Claude Desktop がインストールされていること(Claude との連携に必要)

🚀 インストール

ステップ 1:MCP サーバーをダウンロードする

最新バージョンから JAR ファイルをダウンロードします。

ステップ 2:Claude Desktop を設定する

claude_desktop_config.json ファイルにサーバーを追加します。

{
    "mcpServers": {
        "mcp-diagram": {
            "command": "java",
            "args": [
                "-jar",
                "CHEMIN/VERS/mcp-diagram-X.Y.Z.jar"
            ]
        }
    }
}

⚠️ 重要:CHEMIN/VERS/mcp-diagram-X.Y.Z.jar を、JAR ファイルをダウンロードした場所の絶対パスに置き換えてください。(Windows の場合は "C:\\CHEMIN\\VERS\\mcp-diagram-1.0.0.jar")

🔧 使い方

設定が完了したら、作成したい図を説明して Claude に依頼するだけです。あとは MCP サーバーが処理します!

利用可能な機能
1. getD2LangComplexDiagram

宣言型文法の D2Lang を使って複雑な図を生成します。ソフトウェアやネットワークのアーキテクチャに最適です。

2. getMermaidClassDiagram

Mermaid 構文を使って UML クラス図を生成します。

3. getMermaidComplexDiagram

Mermaid 構文を使って複雑な図を生成します(ソフトウェアアーキテクチャ、ネットワークなど)。

4. getMermaidErDiagram

Mermaid 構文を使って ER 図を生成します。

5. getMermaidGanttDiagram

Mermaid 構文を使ってガントチャートを生成します。

6. getMermaidMindMapDiagram

Mermaid 構文を使ってマインドマップを生成します。

7. getMermaidSequenceDiagram

Mermaid 構文を使ってシーケンス図を生成します。

8. getMermaidTimelineDiagram

Mermaid 構文を使ってタイムラインを生成します。

📝 使用例

AWS アーキテクチャ図を生成するプロンプトの例を示します。

Crée un diagramme d2lang d'une architecture AWS avec un CloudWatch qui utilise une lambda en tant qu'orchestrator. 
La lambda utilise un SNS, un DynamoDB et un EC2 dans un autoscaling group. 
L'EC2 se connecte aussi au même dynamoDB. 
L'EC2 dans un autoscaling group utilise une Amazon EFS en source et un autre en backup. 
L'EC2 et les EFS sont dans un VPC. 
L'EC2 utilise aussi un Amazon S3.

生成された図へのリンクが返されます。ブラウザーで図を表示できます。

複雑な図の例

🔍 トラブルシューティング

MCP サーバーが起動しない
  • Java バージョン 17 以降が正しくインストールされていることを確認します(java -version)
  • 設定に記載した JAR ファイルへのパスが正しいことを確認します
  • ダウンロードした JAR ファイルに実行権限があることを確認します(JAR ファイルの「プロパティ」で確認できます)
図が表示されない
  • ブラウザーからインターネットにアクセスできることを確認します
  • 生成された URL がファイアウォールによってブロックされていないことを確認します

📄 ライセンス

このプロジェクトは MIT ライセンスの下で提供されています。詳細については LICENSE ファイルをご覧ください。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。