为什么选择这个 Skill
唯一能自动读取输出并在展示前自动修复的纯 SKILL.md 方案。
可视化代码库
把 Python / JS-TS / Go / Rust 项目（导入关系图）或 Python 类继承层级变成自动布局的结构图 — Graphviz 布点、传递约简、按模块配色的容器。
10,000+ 官方形状
搜索真实的 draw.io 形状库（AWS、Azure、GCP、Cisco、Kubernetes、UML、BPMN、P&ID…）拿到精确 style，不靠猜 — 杜绝空白框。
AI / LLM 品牌图标
321 个 draw.io 自身没有的 logo（OpenAI、Claude、Gemini、Mistral、Llama、Ollama、LangChain…）— 专为 LLM 应用架构图准备。
6 种图表预设
ERD、UML 类图、序列图、架构图、ML/深度学习、流程图 — 每种都有预设形状、样式和布局规范。
ML / 深度学习
Transformer、CNN、LSTM 架构，带张量形状标注 (B, C, H, W)。专为 NeurIPS、ICML、ICLR 论文打造。
自检循环
读取导出的 PNG，检测 6 类问题（重叠、标签裁切、连线堆叠），在展示给你之前自动修复。
动画连接线
添加 flowAnimation=1 即可在箭头上显示移动动画。适合数据流和管道图的 SVG 导出。
样式预设
用一个 .drawio 文件或图片"教会" Skill 你的风格，命名保存后可在后续图表中复用。内置 3 种预设：default、corporate、handdrawn。
6 大平台、零配置
Claude Code、Opencode、OpenClaw、Hermes、Codex、SkillsMP — 仅需一个 SKILL.md + draw.io 桌面版，无需 MCP 服务、无后台 daemon。
浏览器降级
没有桌面 CLI？自动生成 diagrams.net URL，在浏览器中查看和编辑图表。
示例展示
不同拓扑的清晰连线路由 — 线条不会穿越无关形状。
星形拓扑
7 个节点 — 中央消息代理 + 6 个微服务辐射排列
分层流程
10 个节点、4 层 — 交叉连线清晰路由
环形 / 循环
8 个节点 — CI/CD 流水线，含闭合回路和分支
可视化代码库
Python logging 类继承层级 — 38 个类自动布局，按模块配色
官方形状搜索
AWS 无服务器架构 — 每个图标都由 shapesearch.py 解析
AI / LLM 品牌图标
多供应商 LLM 应用 — OpenAI、Claude、Gemini… 经 aiicons.py
对比原生智能体
使用本 skill 与直接提示 LLM 的区别。
| 功能 | 原生智能体 | 本 Skill |
|---|---|---|
| 导出后自检 | ✗ | ✓ 2 轮自动修复 |
| 迭代反馈循环 | ✗ | ✓ 5 轮定向编辑 |
| 图表类型预设 | ✗ | ✓ 6 种预设（ERD、UML、序列、架构、ML、流程） |
| ML 模型图 | ✗ | ✓ 张量标注、层配色 |
| 动画连接线 | ✗ | ✓ flowAnimation=1 |
| 网格对齐布局 | ✗ | ✓ 10px 对齐 |
| 按复杂度分级间距 | ✗ | ✓ 200–350px |
| 配色方案 | 随机 | ✓ 7 色语义系统 |
| 连线路由规则 | 基础 | ✓ 走廊 + waypoints + 分布 |
| 容器/分组 | ✗ | ✓ Swimlane + group + 自定义 |
| 可视化代码库 | ✗ | ✓ 导入关系图（Py/JS/Go/Rust）+ 类图 |
| 大图自动布局 | ✗ | ✓ Graphviz 布点、正交路由、嵌套容器 |
| 结构校验 | ✗ | ✓ 确定性 .drawio linter |
| 官方形状搜索 | ✗ | ✓ 1 万+ AWS/Azure/GCP/UML 样式 |
| AI/LLM 品牌图标 | ✗ | ✓ 321 个 logo（OpenAI/Claude/Gemini…） |
| 嵌入式导出 | ✗ | ✓ --embed-diagram |
| 浏览器降级 | ✗ | ✓ diagrams.net URL |
| 自动启动桌面版 | ✗ | ✓ 导出后打开 .drawio |
| 样式预设 | ✗ | ✓ 学习、保存并应用命名样式 |
| 插件市场安装 | ✗ | ✓ 通过 Agents365-ai/365-skills |
安装
选择你的平台，10 秒搞定。
# 插件市场（推荐） /plugin marketplace add Agents365-ai/365-skills /plugin install drawio # 手动全局安装 git clone https://github.com/Agents365-ai/drawio-skill.git ~/.claude/skills/drawio-skill # 手动项目级安装 git clone https://github.com/Agents365-ai/drawio-skill.git .claude/skills/drawio-skill
# 全局安装（Opencode 原生路径） git clone https://github.com/Agents365-ai/drawio-skill.git ~/.config/opencode/skills/drawio-skill # 项目级安装 git clone https://github.com/Agents365-ai/drawio-skill.git .opencode/skills/drawio-skill # 也可自动识别已有的 Claude Code 安装 # （~/.claude/skills/ 和 .claude/skills/ 会被自动读取）
# 通过 ClawHub 安装 clawhub install drawio-pro-skill # 手动安装 git clone https://github.com/Agents365-ai/drawio-skill.git ~/.openclaw/skills/drawio-skill
# 通过 SkillsMP CLI skills install drawio-skill
# 通过 ClawHub CLI clawhub install drawio-pro-skill
# 用户级安装 git clone https://github.com/Agents365-ai/drawio-skill.git ~/.agents/skills/drawio-skill # 项目级安装 git clone https://github.com/Agents365-ai/drawio-skill.git .agents/skills/drawio-skill
相关 Skill
Agents365-ai 图表 skill 家族一员 — 按场景挑工具。
支持作者
如果这个 skill 对你有帮助，欢迎支持作者。
微信支付
支付宝
Buy Me a Coffee
打赏