Draw.io MCP server

基本能力

产品定位

Draw.io MCP server 是一个为 AI 代理系统提供图表功能的工具，支持程序化控制和智能分析图表内容。

核心功能

• 无缝 Draw.io 集成：将 MCP 驱动的应用程序与 Draw.io 的丰富图表功能连接
• 程序化图表控制：通过 MCP 命令创建、修改和管理图表内容
• 智能图表分析：检索图表及其组件的详细信息供 AI 代理处理
• 代理系统开发：构建包含可视化建模和图表自动化的复杂 AI 工作流

适用场景

• 生成架构图
• 可视化复杂关系
• 注释技术文档
• 程序化创建流程图和过程图

工具列表

• get-selected-cell：检索 Draw.io 中当前选中的单元格及其所有属性
• add-rectangle：在活动 Draw.io 页面上创建具有可自定义属性的新矩形形状

常见问题解答

• 需要 Node.js v18 或更高版本
• 需要 Draw.io MCP 浏览器扩展
• 需要 MCP 客户端（如 MCP Inspector）进行测试和调试

使用教程

使用依赖

• Node.js (v18 或更高版本)
• Draw.io MCP Browser Extension
• MCP Client (如 MCP Inspector)
• LLM with Tools Support (如 GPT-4, Claude 3 等)

安装教程

1. 配置 MCP 客户端（如 oterm）

{
    "mcpServers": {
        "drawio": {
            "command": "node",
            "args": [
                "path-to/drawio-mcp-server/build/index.js"
            ]
        }
    }
}

1. 浏览器设置
2. 打开 Draw.io
3. 激活 Draw.io MCP 浏览器扩展
4. 确保连接到 ws://localhost:3000

调试方式

1. 开发时监视更改

pnpm run dev

1. 使用 MCP Inspector 客户端调试

pnpm run inspect

1. 启用调试
2. 配置 MCP 服务器：
   • Command: node
   • Arguments: --inspect build/index.js
3. 通过 chrome://inspect 连接 Chrome 调试器

许可证

该项目遵循 None 开源许可条款。