让Claude帮你画图！自然语言生成专业架构图，这个开源Skill治好了我的画图拖延症

做技术文档最头疼的事是什么？画图画图画图。流程图、架构图、ER 图、时序图……每次要画都得打开 draw.io，然后拖拽半天，出来的图还丑得离谱。

今天挖到一个开源项目，彻底治好了我这个痛点——drawio-skill。

只需要用自然语言描述你想要什么图，它就能直接生成可编辑的 .draw.io XML 文件，再导出 PNG/SVG/PDF/JPG。7.3k GitHub Stars，已经实打实跑起来了。

支持的图表类型

这个 Skill 内置了 11 种专业预设，覆盖日常需求：

• ER 图（数据库设计）
• UML 类图 / 时序图
• C4 架构图
• BPMN 流程图
• SysML 全家桶
• 网络拓扑图
• 跨功能泳道图

几个真正实用的场景

1. 代码库可视化
输入「把 Python 项目的类结构画成 UML 图」，它会自动提取类继承关系，生成带 Graphviz 布局的图。不用自己手动梳理，直接出可编辑的 draw.io 文件。

2. 架构图从 IaC 来
直接把 Terraform / Kubernetes / docker-compose 文件扔给它，它会用对应云服务商的官方图标（AWS/Azure/GCP/K8s）生成架构图，资源之间的依赖关系自动连线。这才是真正的「基础设施即代码 → 图表」。

3. SQL DDL 转 ER 图
粘贴 CREATE TABLE 语句，它解析主键、外键、一对多关系，直接吐出带 crow’s-foot 标注的 ER 图。设计数据库的时候出图速度快很多。

4. 截图转可编辑图
把一张架构截图扔进去，它用视觉模型识别后转成可编辑的 draw.io XML，修改起来比重新画省太多时间。

怎么安装

支持 Claude Code、Cursor、Copilot、OpenClaw、Codex 以及任何兼容 Agent Skills 标准的平台。安装方式也很简单：

• Claude Code 用户：/plugin marketplace add agents365-ai/drawio-skill
• 或者直接 git clone 后配置路径

详细文档在：官方文档站

使用感受

最实用的点是不再需要「手动维护图表」——图表跟着代码走，代码改了图随时可以重新生成。10,000+ 官方图标库，画出来的图专业度直接拉满。导出格式覆盖 PNG/SVG/PDF/JPG，发文档、做 PPT、写博客都能直接用。

免费开源，7.3k Stars 验证了社区认可度。技术文档工程师、架构师、后端开发都可以试试，效率提升是肉眼可见的。

GitHub 地址 →

GitHub: https://github.com/Agents365-ai/drawio-skill