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 服务器的系统上可用。

相关资源

架构

开发指南