MCPマーメイド

Name: MCP Server Mermaid
Author: hustcc

AI MCPを使って、マーメイドダイアグラムとチャートを動的に生成します。また、 mcp-server-chartを使ってチャート、グラフ、マップを生成することもできます。

✨ 特徴

Mermaidのすべての機能と構文を完全にサポートします。
backgroundColorとthemeの構成をサポートし、大規模な AI モデルで豊富なスタイルの構成を出力できるようになります。
png 、 svg 、 mermaid形式へのエクスポートをサポートし、 Mermaidの検証により、モデルの正しい構文とグラフィックスの複数ラウンド出力を容易にします。

Related MCP server: Alchemy MCP Server

🤖 使用方法

Claude、VSCode、Cline、Cherry StudioなどのDesktop APPで使用するには、以下のMCPサーバー設定を追加してください。Macシステムの場合：

{
  "mcpServers": {
    "mcp-mermaid": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-mermaid"
      ]
    }
  }
}

Windows システムの場合:

{
  "mcpServers": {
    "mcp-mermaid": {
      "command": "cmd",
      "args": [
        "/c",
        "npx",
        "-y",
        "mcp-mermaid"
      ]
    }
  }
}

また、HTTP、SSE プロトコルを使用して、aliyun、modelscope、glama.ai、smithery.ai などでも使用できます。

🚰 SSE または Streamable トランスポートで実行

パッケージをグローバルにインストールします。

npm install -g mcp-mermaid

優先するトランスポートオプションを使用してサーバーを実行します。

# For SSE transport (default endpoint: /sse)
mcp-mermaid -t sse

# For Streamable transport with custom endpoint
mcp-mermaid -t streamable

次に、次のサーバーにアクセスします。

SSE トランスポート: http://localhost:3033/sse
ストリーミング可能なトランスポート: http://localhost:3033/mcp

🎮 CLI オプション

MCP サーバーを実行する際には、次の CLI オプションも使用できます。 -hを指定して cli を実行すると、コマンドオプションが使用できます。

MCP Mermaid CLI

Options:
  --transport, -t  Specify the transport protocol: "stdio", "sse", or "streamable" (default: "stdio")
  --port, -p       Specify the port for SSE or streamable transport (default: 3033)
  --endpoint, -e   Specify the endpoint for the transport:
                    - For SSE: default is "/sse"
                    - For streamable: default is "/mcp"
  --help, -h       Show this help message