Mermaid MCP

Name: Mermaid MCP
Author: hustcc

hustcc

开始使用源码仓库

Generates Mermaid diagrams and charts with theme and background options, exporting PNG, SVG or Mermaid source.

接入配置

选择客户端，复制配置，再按项目文档补齐环境变量。

一键添加到 Cursor 一键添加到 VS Code

本地运行

claude mcp add mermaid -- npx -y mcp-mermaid

~/.codex/config.toml

[mcp_servers.mermaid]
command = "npx"
args = ["-y", "mcp-mermaid"]

# codex mcp add mermaid -- npx -y mcp-mermaid

~/.cursor/mcp.json

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

.vscode/mcp.json

{
  "servers": {
    "mermaid": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "mcp-mermaid"
      ]
    }
  }
}

~/.gemini/settings.json

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

claude_desktop_config.json

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

.trae/mcp.json

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

远程托管

claude mcp add --transport http mermaid https://server.smithery.ai/@hustcc/mcp-mermaid/mcp --header 'Authorization: Bearer <SMITHERY_API_KEY>'