drawio-skill 开源：说句话生成 .drawio 源文件，8600+ Star 的绘图体力活终结者
项目交付、方案汇报、技术评审——图是绕不开的。架构图、流程图、ER 图、时序图……每一份技术文档里，图的质量直接决定了评审的流畅度。
但问题是，画图这件事在 AI 时代之前，实在是太"原始"了。
最近发现了一个关于 draw.io 的绘图 SKill，叫drawio-skill。
装在 CC/Codex/WorkBuddy/TraeWork 里，直接就能用。
drawio-skill 的思路是生成 .drawio 源文件。这个文件你完全可以继续在 draw.io 里手动编辑、调整、美化。
它帮你完成了"从零搭建"这最费体力的一步，剩下的精修工作全交给你。
从"手动操作"到"语言描述"，从"改图片"到"改源文件"——这才是它真正革命的地方。
drawio-skill 到底是什么？
drawio-skill 是由Agents365-ai团队开发的开源 Skill 插件，目前 GitHub 上已经收获了8600+ Stars。
可以无缝接入 Claude Code、Codex 等主流 AI Agent 助手。
简单说，它干的事情就是：
你说一句话 → 它生成 .drawio XML → 导出 PNG/SVG/PDF → AI 自检 → 给你成品
但你可能没想到的是，它的能力远不止"一句话画图"。
核心能力
11 种图表预设
涵盖了开发者日常最常用的所有类型：ER 图、UML 类图、序列图、C4 模型、架构图、ML/深度学习模型图、流程图、SysML（MBSE 系统建模）、BPMN 业务流程、网络拓扑、跨职能泳道图。
每种预设都有专属的形状、样式和布局规范。
10,000+ 官方形状搜索
内置 AWS、Azure、GCP、Cisco、Kubernetes、UML、BPMN 等主流形状库的精确 style 解析。
你说"用 AWS 图标画一个无服务器架构"，它就能准确找到 Lambda、S3、API Gateway 的官方图标——不靠猜，杜绝空白框。
321 个 AI / LLM 品牌图标
专门为 AI 应用架构图准备的——OpenAI、Claude、Gemini、Mistral、Llama、Ollama、LangChain……外加 18 个数据存储品牌（Redis、Postgres、Qdrant、Milvus）。
你画一个 RAG 系统架构，再也不用纠结用什么图标代表"向量数据库"了。
Mermaid → 原生 .drawio
如果你习惯用 Mermaid 语法，直接写 Mermaid 代码也可以——28 种标准类型（思维导图、甘特图、时间线、用户旅程图、饼图、桑基图、看板……）都能自动转换成已布局、可编辑的 .drawio 文件。
结构写对了，布局自动帮你搞定。
代码库 → 结构图
给一个 Python / JS-TS / Go / Rust 项目，它能自动提取导入关系，生成带模块容器的结构图。
Python 还能生成类继承层级图。38 个类的 logging 模块，自动布局、按模块配色——一条命令的事。
IaC → 架构图
Terraform 配置、Kubernetes manifest、docker-compose 文件——解析之后直接生成架构图，每个资源用的是官方 AWS/Azure/GCP/K8s 图标，连线来自真实的 role ARN、selector、volume 挂载关系。
不是瞎连线，是真正反映基础设施配置的图。
SQL DDL → ER 图
把 CREATE TABLE 语句喂进去，自动生成带主键/外键标记的表节点和鸦爪（crow's foot）风格的外键连线。数据库设计师的福音。
C4 模型 + 下钻
一条命令生成 System Context → Container → Component 三页全套 C4 模型，父元素可以点击跳转到子层页面。写方案文档直接能用。
视觉自检 + 自动修复
导出 PNG 之后，AI 会自己读一遍图片，检测重叠、标签裁切、连线堆叠等布局问题，然后自动修复（最多 2 轮）。
不满意还能开第 3-5 轮定向优化，比如"把 Kafka 移到右边"、"给 Payment Service 换个颜色"。
安装 10 秒搞定
安装分两步——先装 draw.io 桌面版 CLI，再装 Skill 本身。
Step 1：安装 draw.io 桌面版
# macOS（推荐）
brew install --cask drawio
# Windows：下载安装包
# https://github.com/jgraph/drawio-desktop/releases
# Linux：下载 .deb / .rpm
# 无头导出需要 sudo apt install xvfb
建议 ≥ 30 版本——解锁 Mermaid → .drawio 转换和 ELK 自动布局。
Step 2：安装 Skill
方式一：插件市场（推荐）
# Claude Code
/plugin marketplace add Agents365-ai/365-skills
/plugin install drawio
方式二：npx skills
npx skills add Agents365-ai/365-skills -g
方式三：手动安装
git clone https://github.com/Agents365-ai/drawio-skill.git \
~/.claude/skills/drawio-skill
WSL2 用户也不用担心——CLI 通过/mnt/c自动识别 Windows 版 exe。
写在最后
drawio-skill 的核心价值，用一句话概括：把画图这件事，从"体力活"变回了"脑力活"。
过去你花在对齐框框、拖线条路上的时间，现在省下来了。它不是在帮你偷懒，而是把你的精力从"摆形状"收回来，聚焦在更重要的事情上——想清楚结构本身。
8600+ Stars 半年就能冲到这个数，说明它踩中了一个真实的痛点：开发者每天都要画图，却没人愿意把画图这件事好好做一遍。
从 11 种图表预设、到 13 个代码提取器、再到 39 个命令行工具脚本——它不是一个"AI 玩具"，而是一套完整的视觉化表达工具链。从架构图到代码结构，从基础设施到 SQL schema，从生成到 diff 到 CI——全都覆盖到了。
如果你也是那种"脑子里有结构、手里画不出来"的开发者，装一个试试。反正零配置，不占资源。
GitHub：https://github.com/Agents365-ai/drawio-skill