drawio

通过AI程序化创建和编辑Draw.io图表

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:drawio。
它的用途是:通过AI程序化创建和编辑Draw.io图表
完整的 Skill 内容见:https://321skill.com/skills/drawio/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

“请帮我创建一个展示微服务架构的Draw.io图表,包含API网关、用户服务和订单服务。”,它会调用此Skill,生成一个包含这些组件和连接线的标准架构图文件。或者你说:“在刚才的架构图里,给数据库节点加上负载均衡器。”,AI会定位并修改对应的图表文件。

介绍

这个Skill是一个MCP服务器,它允许AI系统(如Claude)直接与Draw.io(现为diagrams.net)集成,实现图表的程序化创建、修改和分析。它解决了在AI对话中难以直观生成和操作复杂图表(如架构图、流程图)的问题。

使用时,你需要先安装并运行这个MCP服务器,然后在支持的AI客户端(如Claude Desktop)中配置连接。之后,你就可以通过自然语言指令,让AI帮你生成新的图表、在现有图表上添加元素、修改布局或分析图表结构。

它非常适合需要频繁绘制或维护技术图表、但又希望提高效率或实现自动化的开发者和技术文档工程师。产品经理和项目经理也能用它快速生成项目计划或业务流程的可视化草图。

建议在需要生成标准化的、结构清晰的图表时使用。由于它通过程序接口操作,对于追求极致艺术化或自由手绘风格的设计可能不太适合。使用时请确保你有权修改目标图表文件。

核心特点

与仅能生成图表描述或代码的AI工具不同,此Skill能直接操作Draw.io文件,实现图表的真实创建与编辑。它通过MCP协议与AI深度集成,使图表操作成为AI工作流的一个可编程环节,而非孤立功能。

注意事项

不适合需要高度创造性、艺术化手绘或非标准图形元素的图表设计场景。

常见问题

这个Skill能生成哪些类型的图表?

支持Draw.io内置的所有图表类型,如流程图、架构图、UML图、网络拓扑图等。

需要本地安装Draw.io软件吗?

不需要,此Skill通过程序接口与Draw.io的底层库或在线服务交互来操作图表文件。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/drawio/raw/index.md 读取 drawio 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。