【完整版】五、技术实现细节 + 六、安装方式 + 七、使用场景
5.1 导出命令
关键 flag:-x(导出)、-f(格式)、-e(嵌入 XML)、-s 2(2倍缩放)、-o(输出路径)
5.2 XML 结构硬性规则
- id="0" 和 id="1" 是必需的根 cell
- 边线必须包含
子元素(自闭合无效) - 多行文本用 (不是
- XML 注释中不能用 --
- 所有坐标对齐到 10px 倍数
| 复杂度 | 节点数 | 水平间距 | 垂直间距 |
|---|---|---|---|
| 简单 | ≤5 | 200px | 150px |
| 中等 | 6–10 | 280px | 200px |
| 复杂 | >10 | 350px | 250px |
OpenClaw: clawhub install drawio-pro-skill Claude Code: ~/.claude/skills/drawio-skill/ Opencode: ~/.config/opencode/skills/drawio-skill/ Hermes Agent: ~/.hermes/skills/design/drawio-skill/ OpenAI Codex: ~/.agents/skills/drawio-skill/
前置依赖: brew install --cask drawio (macOS)
7. 使用场景示例
- 微服务架构图(Mobile/Web/Admin + API Gateway + Kafka + DB)
- ML 模型图(Transformer encoder-decoder with (B,T,D) input)
- 风格预设应用("Draw an ERD using my corporate style")
- 自定义输出目录(v1.4):"Generate and save to ./docs/images/"