MCP Mermaidjs Server

🚀 tech.unravel/mcp-mermaidjs-serverを使用したMCPサーバとMermaidJSの連携

mmdc を使用して、MermaidJS用のMCPサーバを作成します。

2つの簡単なツールを作成しました：

• save-diagram
• visualize-diagram

これらのツールを使用することで、ホストは以下の手順で美しいMermaidJSダイアグラムを生成できます：

1. mmd形式の仕様を作成し保存する
2. 指定された出力形式（オプション）とCSSを使用して（mmdc を介して）保存された仕様をレンダリングする

🚀 クイックスタート

📦 インストール

Uberjarのビルド

1. make clean && make build を実行します。

MCPサーバの起動

前提条件：mmdc CLI をインストールする必要があります。

以下は、Claude DesktopまたはInspectorで試すことができるサンプルコマンドです。

1. 以下の仕様に基づいてMermaidJSのフローチャートを作成します：

sequenceDiagram
%% 詳細は https://mermaidjs.github.io/sequenceDiagram.html を参照してください

loop 毎日 D-2 営業日 16:00
    ABCD->>DEE: [14:25] BEE（各TCでACKがOKになるまでの計算）

    ABCD->>FGG: BEE（各TCでACKがOKになるまでの計算）
    Note over ABCD,FGG: D-2 営業日 14:25
    ABCD->>HII: HIIへの投影承認
    Note over ABCD,HII: D-2 営業日 16:00
end

loop D-1 締切前 7:45
    HII->>DEE: 提出
    Note over HII,DEE: D-1 締切前
    HII->>FGG: 提出
    Note over HII,FGG: D-1 締切前
end

MCPサーバを起動する前に

注意事項：

1. /Users/vedang/repo-name をシステム上の tech.unravel/mcp-mermaidjs-server JARの正しいパスに置き換えます。
2. システム上の mmdc の完全パスを指定します。

Claude Desktopでの実行

    "mcp_mermaidjs_server": {
      "command": "java",
      "args": [
        "-Dclojure.tools.logging.factory=clojure.tools.logging.impl/log4j2-factory",
        "-Dorg.eclipse.jetty.util.log.class=org.eclipse.jetty.util.log.Slf4jLog",
        "-Dlog4j2.contextSelector=org.apache.logging.log4j.core.async.AsyncLoggerContextSelector",
        "-Dlog4j2.configurationFile=log4j2-mcp.xml",
        "-Dbabashka.json.provider=metosin/jsonista",
        "-Dlogging.level=INFO",
        "-Dmcp.vegalite.mmdc_executable=/Users/vedang/.local/share/nvm/v23.11.0/bin/mmdc",
        "-cp",
        "/Users/vedang/repo-name/target/tech.unravel/mcp-mermaidjs-server.jar",
        " tech.unravel.mcp.Main"
      ]
    }

Inspectorでの実行

java \
  -Dclojure.tools.logging.factory=clojure.tools.logging.impl/log4j2-factory \
  -Dorg.eclipse.jetty.util.log.class=org.eclipse.jetty.util.log.Slf4jLog \
  -Dlog4j2.contextSelector=org.apache.logging.log4j.core.async.AsyncLoggerContextSelector \
  -Dlog4j2.configurationFile=log4j2-mcp.xml \
  -Dbabashka.json.provider=metosin/jsonista \
  -Dlogging.level=INFO \
  -Dmcp.vegalite.mmdc_executable=/Users/vedang/.local/share/nvm/v23.11.0/bin/mmdc \
  -cp /Users/vedang/repo-name/target/tech.unravel/mcp-mermaidjs-server.jar \
  tech.unravel.mcp.Main

📄 ライセンス

このプロジェクトはMITライセンスの下で公開されています。詳細は LICENSE を参照してください。