Agent Skills
返回列表
Boo哥 AI Draw.io 图表生成

Boo哥 AI Draw.io 图表生成

设计多媒体 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_3c9003af/boo-ai-drawio 到我的 AI 助手。

技能介绍

要解决的问题

手写 draw.io XML 时，常见问题不是“能不能画”，而是画出来不好改：中文节点字体不稳定、泳道和架构图连线交叉、节点颜色不统一、mxCell ID 重复或边缺少 mxGeometry。这个技能把图表生成拆成一组可确认参数：图表类型、复杂度、配色、画布尺寸、输出格式和内容描述，再生成 .drawio 源文件和可导出的 PNG、SVG 或 PDF。

技能如何工作

它先做环境检测，优先识别 WSL2、Git Bash、macOS、Linux 和 Windows cmd，并在必要时安装 Draw.io CLI；如果安装失败，仍会保留 .drawio 文件供手动导出。交互模式下，技能会逐步询问 flowchart、swimlane、orgchart、kanban、mindmap、er、arch 等类型，以及精简、标准、详细三档复杂度。生成阶段基于 mxGraphModel XML 输出，应用 Microsoft YaHei、PingFang SC 或 Noto Sans CJK SC 等中文字体，并处理菱形决策节点、圆角流程节点和开始/结束节点。

适用边界与注意点

该技能适合从自然语言描述生成可编辑的结构图，尤其适合中文技术文档、架构说明和数据库 ER 图。但它仍受模板质量与内容完整度限制：如果用户没有说明角色、实体、关系或系统边界，生成结果只能给出主干框架。组织架构图要求 rounded=0、显式 exit/entry，分组容器只作视觉边界；导出 JPG 和 WebP 时不支持嵌入 XML。

使用场景

  • 为技术方案评审准备一份系统架构图，标注网关、服务、数据库和缓存之间的调用边界。
  • 把审批流从口头说明整理成泳道图，列出产品、法务、财务各自负责的步骤和分支。
  • 将数据库表字段和一对多关系画成 ER 图，供评审会直接查看表结构约束。
  • 把头脑风暴结论整理成思维导图，保留中心主题、一级分支和二级细节。

适合人员

  • 准备技术方案评审的架构师：需要把服务拓扑、调用链和部署边界画成可编辑 Draw.io 图。
  • 写数据库设计说明的工程师：需要把表、字段、索引和关系生成 ER 图。
  • 整理业务流程的产品经理：需要把审批、泳道、角色分工转成带判断分支的流程图。
  • 做中文培训材料的讲师：需要控制中文字体、配色和 A4 或 16:9 输出。