Drawio MCP Server

🚀 Draw.io MCP 服務器

Draw.io MCP 服務器藉助廣泛使用的圖表工具 Draw.io（Diagrams.net），實現氛圍感圖的繪製。它將強大的繪圖功能融入 AI 功能化系統，為用戶帶來更多便利。

🚀 快速開始

Draw.io MCP 服務器是符合 模型上下文協議 (MCP) 的實現，可將強大的繪圖功能引入 AI 功能化系統。此集成具備無縫 Draw.io 集成、程序化圖表控制、智能圖表分析等特性，還能助力構建功能化系統，適用於各類需要進行架構圖生成、關係可視化等操作的 AI 系統。

✨ 主要特性

基本功能

• add-cell-of-shape：添加特定形狀的單元格
  • 參數：
    • shape_name - 形狀名稱
    • x, y - 座標（可選）
    • width, height - 尺寸（可選）
    • text - 文本內容（可選）
    • style - 額外樣式屬性（可選）

高級功能

• add-edge：創建兩個單元格之間的連接
  • 參數：
    • source_id - 源單元格 ID
    • target_id - 目標單元格 ID
    • text - 邊的文本標籤（可選）
    • style - 邊的樣式屬性（可選）

📦 安裝指南

連接到 Claude Desktop

1. 安裝 Claude Desktop
2. 打開配置文件
3. 添加以下內容：

{
  "architectures": {
    "default": "x64"
  },
  "proxies": {}
}

連接到 oterm

1. 在終端中運行命令：

   npm install -g mcp-server
   

2. 啟動服務器：

   mcp-server start
   

📚 詳細文檔

需求

使用 Draw.io MCP 服務器需要以下組件：

核心組件

• Node.js（v18 或更高版本） - 運行時環境
• Draw.io MCP 瀏覽器擴展 - 實現 Draw.io 和 MCP 服務器之間的通信

MCP 生態系統

• MCP 客戶端（例如 MCP 檢查器） - 用於測試和調試集成
• 支持工具的 LLM - 任何能夠處理 MCP 工具調用的語言模型（例如 GPT-4、Claude 3 等）

開發可選組件

• pnpm - 推薦使用的包管理器（也支持 npm/yarn）
• Chrome DevTools - 使用 --inspect 標誌時的調試工具

注意：Draw.io 的桌面應用程序或網絡版本必須在運行 MCP 服務器的系統上可用。

相關資源

架構

開發指南