MCP Mermaid

🚀 MCP Mermaid

MCP Mermaid 可藉助 AI MCP 動態生成 mermaid 圖表。此外，你還能使用 mcp-server-chart 來生成圖表、圖形和地圖。

✨ 主要特性

• 全面支持 Mermaid 的所有特性和語法。
• 支持配置 backgroundColor 和 theme，讓大型 AI 模型能夠輸出豐富的樣式配置。
• 支持導出為 png、svg 和 mermaid 格式，並對 Mermaid 進行驗證，方便模型多輪輸出正確的語法和圖形。

🚀 快速開始

桌面應用使用方法

若要在 Desktop APP（如 Claude、VSCode、Cline、Cherry Studio 等）中使用，需添加以下 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 協議在阿里雲、魔搭社區、glama.ai、smithery.ai 或其他平臺上使用。

SSE 或可流式傳輸方式運行

全局安裝包

npm install -g mcp-mermaid

選擇傳輸方式啟動服務器

# 使用 SSE 傳輸（默認端點：/sse）
mcp-mermaid -t sse

# 使用可流式傳輸並自定義端點
mcp-mermaid -t streamable

啟動後，可通過以下地址訪問服務器：

• SSE 傳輸：http://localhost:3033/sse
• 可流式傳輸：http://localhost:3033/mcp

CLI 選項

運行 MCP 服務器時，還可以使用以下 CLI 選項。通過 -h 命令查看命令選項。

MCP Mermaid CLI

Options:
  --transport, -t  指定傳輸協議："stdio"、"sse" 或 "streamable"（默認："stdio"）
  --port, -p       指定 SSE 或可流式傳輸的端口（默認：3033）
  --endpoint, -e   指定傳輸的端點：
                    - 對於 SSE：默認是 "/sse"
                    - 對於可流式傳輸：默認是 "/mcp"
  --help, -h       顯示此幫助信息

🔧 開發

安裝依賴

npm install

構建服務器

npm run build

啟動 MCP 服務器

npm run start

📄 許可證

本項目採用 MIT 許可證，版權歸 hustcc 所有。