Diagram MCP

Name: Diagram MCP MCP Server
Author: andrewmoshu

即時演示

實際使用效果

diagram-mcp-andrewmoshu.replay ▶ 就緒

0/0

安裝

選擇你的客戶端

~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json

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

開啟 Claude Desktop → Settings → Developer → Edit Config。儲存後重啟應用。

~/.cursor/mcp.json · .cursor/mcp.json

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

Cursor 使用與 Claude Desktop 相同的 mcpServers 格式。專案級設定優先於全域。

VS Code → Cline → MCP Servers → Edit

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

點擊 Cline 側欄中的 MCP Servers 圖示，然後選 "Edit Configuration"。

~/.codeium/windsurf/mcp_config.json

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

格式與 Claude Desktop 相同。重啟 Windsurf 生效。

~/.continue/config.json

{
  "mcpServers": [
    {
      "name": "diagram-mcp-andrewmoshu",
      "command": "npx",
      "args": [
        "-y",
        "diagram-mcp-andrewmoshu"
      ]
    }
  ]
}

Continue 使用伺服器物件陣列，而非映射。

~/.config/zed/settings.json

{
  "context_servers": {
    "diagram-mcp-andrewmoshu": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "diagram-mcp-andrewmoshu"
        ]
      }
    }
  }
}

加入 context_servers。Zed 儲存後熱重載。

claude mcp add diagram-mcp-andrewmoshu -- npx -y diagram-mcp-andrewmoshu

一行命令搞定。用 claude mcp list 驗證，claude mcp remove 移除。

使用場景

實戰用法： Diagram MCP

Get started with Diagram MCP

何時使用： When you want to bring Diagram MCP into your Claude workflow.

步驟

Install the MCP server in your client (see Install tab).
Authenticate or configure required tokens.
Ask Claude to use the new tools.

Use Diagram MCP to help me with a task.✓ 已複製

結果： Claude can interact with Diagram MCP directly from your IDE.