让 Agent 帮你画专业架构图：这个 Skill 连画错都会自己改

前言

上个月要给客户讲技术方案，画架构图卡了我一下午。微服务、消息队列、数据库——脑子里门儿清，落到 draw.io 上就是摆不整齐，线到处乱飞。

drawio-skill

这是一个 Agent Skill，只要你把需求说出来，它就会把图画出来。用法简单到离谱——你直接把想画的图用大白话敲出来就行了。

就这么简单。但它真正让我拍大腿的不是生成速度，是一个细节。

它画完会自己看一眼。是真的把导出的 PNG 读回去，检查有没有挡住文字、标签是不是溢出了、连线是不是叠在一起了。发现问题自己改，最多改两轮还没搞定再叫你。动动嘴让 AI 画图，它连 QC（自检）都顺手做了。这种省心体验，在同类工具里确实走在了前面。

这个SKILL内置了 6 种现成的图表模板：

• 架构图
• ER 图
• UML 类图
• 时序图
• ML 模型图
• 流程图

选一个类型，它就知道该用什么布局、什么形状、什么配色。不用你研究 draw.io 那一堆参数。

画 AWS 架构的话更省事，它肚子里装了 10,000 多个官方图标，你说「加个 Lambda」它就知道用哪个 mxgraph.aws3 的 shape，不会给你丢个空白框框。还有 321 个 AI 品牌的 Logo，OpenAI、Claude、Gemini、Llama 这些全都有，画 LLM 应用架构终于不用满屏灰方块了。

对了，它还能直接吃你的代码。指一个 Python 项目给它，它自己去看模块之间谁 import 了谁，然后用 Graphviz 排好版，吐一张结构图出来。Python 的 logging 包，一句命令下去，所有类和继承关系理得明明白白。asyncio 那种一团乱麻的依赖图，149 条边直接砍到 46 条，终于是人看的东西了。

怎么装

先装 draw.io 桌面版，然后跑 npx skills add Agents365-ai/365-skills -g，Claude Code、Cursor、Codex、Hermes 都能用。

什么时候用得着

• 技术评审当场出图，不用提前准备
• 接手别人的项目，一键看懂模块结构
• 画 AI 应用架构，321 个 Logo 随便用
• 画完自动检查，不用对着坐标像素级微调

不过说实话，画图这件事不是只有它一个解法。

同类工具

jgraph/drawio-mcp

draw.io 官方自己出的 MCP Server，跟桌面端是亲儿子关系，形状搜索也是一样的全。但它画完不会自己检查，也不支持来回改，而且只给 Claude 系用。

bahayonghang/drawio-skills

走的是 YAML 配置文件的路子，你写一份结构化的描述它给你出图。思路不一样——它偏向「建模」，drawio-skill 偏向「对话」。没有视觉自检，也没有 AI 图标库。

相关资源

• https://github.com/Agents365-ai/drawio-skill
• https://github.com/Agents365-ai/excalidraw-skill（手绘风，同一拨人做的）
• https://github.com/Agents365-ai/mermaid-skill（代码即图表，同一拨人做的）

点个关注，带你一起围观最前沿的 Agent 工具生态！