drawio-skill：让 AI 自己画架构图，还能抓出架构漂移
Agents365-ai/drawio-skill，6,697⭐ MIT，Claude Code/Agent Skill。从「话转图」进化为完整架构图工作流：13 个提取器读代码/配置/线上环境生成实况图，drawiodiff 检测架构漂移，raster2drawio 还原白板照片，timelapse+prdiff 做架构延时摄影。
原文链接：小红书笔记
作者：AI技术投降派
仓库：github.com/Agents365-ai/drawio-skill（6,697⭐，MIT，Python）
三个月前还在「话转图」的框里打转，现在堆了 38 个脚本、128 个测试、6,697⭐、v2.1——已经溢出了「画图工具」的定位，变成一个完整的架构图工作流。
核心能力全景
方向一：不用你描述，自己读自己画
13 个提取器覆盖大部分基础设施：
- 读代码仓库 → 模块依赖图
- 读配置文件（Docker Compose / K8s / Terraform）→ 部署拓扑
- 读线上正在跑的环境 → 实况图（不是设计图）
drawiodiff — 把声明的架构和线上真实情况对比：
- 🟢 绿色 = 新增
- 🔴 红色 = 删除
- 🟠 橙色 = 改动
架构漂移一张图收工。
方向二：画得更专业
| 工具 | 功能 |
|---|---|
| raster2drawio | 白板照片、老 PNG 还原成可编辑 drawio 文件 |
| shapesearch | 10,000+ draw.io 官方形状库 |
| aiicons | 321 个 AI 品牌图标 |
| 预设 | UML / SysML / BPMN / 网络拓扑 / C4 等 11 种 |
方向三：画完不是终点
| 工具 | 功能 |
|---|---|
| runbook | 决策树 → 可点击的排障应用 |
| buildup | 架构按拓扑顺序自己长出来（动画） |
| compress | 几百节点大图聚类成可下钻摘要 |
| timelapse | 架构的延时摄影 |
| prdiff | PR 级别的架构 diff |
| tubemap | 地铁图模式（彩蛋） |
关键洞察
- 实况图 vs 设计图——读线上正在跑的环境画出来的是实况图，drawiodiff 对比声明 vs 实际，架构漂移无处可藏
- 一张图变多种形态——PPT、Mermaid、交互应用、可点击排障 runbook
- 时间维度——timelapse + prdiff 把架构视角从空间拉到时间
- 大图压缩——几百节点聚类成可下钻摘要，不再一图难求
适用场景
- 常画架构图的工程师
- 维护技术文档的团队
- 做技术分享的演讲者
- 需要审计架构漂移的 SRE/架构师
- 标题: drawio-skill：让 AI 自己画架构图，还能抓出架构漂移
- 作者: lxiol
- 创建于 : 2026-07-27 14:00:00
- 更新于 : 2026-07-27 19:07:07
- 链接: https://blog.lxiol.cn/2026/07/27/drawio-skill-AI画架构图-架构漂移-6500星/
- 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。