drawio-mcp
让AI在对话中直接创建和编辑draw.io图表
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：drawio-mcp。 它的用途是：让AI在对话中直接创建和编辑draw.io图表 完整的 Skill 内容见：https://321skill.com/skills/drawio-mcp/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'帮我画一个简单的用户登录流程图，包含用户、前端、后端和数据库。'，它会调用draw.io MCP工具，搜索合适的形状，生成一个包含四个节点和箭头连接的.drawio图表XML，并直接在聊天窗口内嵌一个可交互预览的图表，你可以点击'在draw.io中打开'进行进一步编辑。
介绍
Draw.io MCP Server是一个官方开发的模型上下文协议（MCP）服务器，它解决了AI助手无法直接处理可视化图表的问题。通过该工具，AI（如Claude）可以在对话中直接生成、预览和编辑draw.io格式的流程图、架构图、UML图等，将文本描述即时转化为专业图表。
使用方式非常灵活，提供了四种集成方案：用户可以直接使用官方托管的MCP App服务器，在聊天界面内嵌交互式图表预览；也可以安装本地的MCP工具服务器，在浏览器中打开draw.io编辑器进行深度编辑；还可以通过Assistant插件生成.drawio文件或导出为PNG/SVG/PDF格式；甚至无需安装，通过项目指令让Claude生成draw.io链接。
它非常适合需要频繁绘制技术架构图、流程图的开发者、技术文档工程师、产品经理和系统架构师。无论是编写设计文档、评审代码架构，还是快速绘制会议草图，都能显著提升效率。
与同类图表生成工具相比，它的核心优势在于深度集成draw.io这一广泛使用的专业绘图工具，支持超过10,000种预定义形状库（涵盖AWS、Azure、GCP、Kubernetes、UML等），并且生成的图表是原生的、可编辑的.drawio文件，而非静态图片，便于后续协作和迭代。
核心特点
深度集成draw.io官方编辑器，生成的图表是原生、可编辑的.drawio文件，而非静态图片；提供超过10,000种专业形状库（如云厂商图标、UML符号）的精准搜索和调用能力。
注意事项
对于需要生成高度定制化、非标准图元或进行复杂图形算法布局的场景支持有限。
常见问题
需要安装draw.io软件吗？
使用托管MCP App服务器无需安装；使用本地工具服务器或需要导出PNG/SVG时，建议安装draw.io桌面版以获得最佳体验。
支持哪些图表格式？
核心支持draw.io XML格式；部分模式（如MCP工具服务器）还支持CSV和Mermaid.js格式转换。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/drawio-mcp/raw/index.md 读取 drawio-mcp 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/drawio-mcp/raw/index.md（查看排版版本）