用途
UML Diagram Generation Skill 是一个用于生成 UML 图与各类软件设计图的技能,适合系统设计与建模、软件架构与数据流描述、流程梳理以及项目与体验规划等场景。它同时支持类图、序列图、用例图等 UML 图,以及流程图、ER 图、甘特图、用户旅程图、思维导图等衍生图形。
主要能力
- 图类型丰富:类图、序列图、ER 图、流程图、状态机图、活动图、组件图、甘特图、用户旅程图、思维导图等。
- 双引擎支持:Mermaid(轻量、语法简单、浏览器直接渲染、实时预览、现代设计,并被 GitHub、GitLab 标准支持)与 PlantUML(图类型更多、定制更细、符合 UML 标准、皮肤主题丰富)。
- 交互查看:在浏览器即时渲染,可缩放、拖拽平移。
- 导出:可下载为 SVG(矢量,放大不失真、体积小、可编辑)或 PNG(栅格,通用性强、便于嵌入文档),也可复制 Mermaid/PlantUML 源代码,便于嵌入 Markdown 与版本管理。
- 可编辑:生成的代码可直接修改并即时反映到图形。
- 主题与样式:支持浅色/深色主题、自定义配色、字体与字号,以及 Mermaid 主题(default、dark、forest、neutral、base)和 PlantUML 皮肤(bluegray、cerulean-outline、sketchy-outline、vibrant 等)。
- 响应式:适配各种屏幕尺寸。
使用方式
以自然语言描述你要画的图,技能会据此生成相应图形。示例:
- 类图:描述类名及其属性、方法(如 User 的 id、name、email 与 login()、logout())以及类之间的关系(如 User "1" -- "*" Product)。
- 序列图:按顺序描述参与者与消息(如 用户 → 前端 → API → 数据库 → API → 前端 → 用户)。
- 流程图:描述开始、处理、判断分支与结束(如 起始 → 商品选择 → 加入购物车 → 库存检查 → 分支:有货则支付、无货则报错结束)。
- ER 图:描述表、字段、主外键及表间关系(如 User 1--* Order)。
- 状态机图:描述状态与事件迁移(如 新订单 --[支付完成]--> 已支付)。
- 甘特图、用户旅程图与思维导图:描述任务、时间段或概念层级。
生成的 HTML 文件可在浏览器直接打开,也可用本地服务器(如 python -m http.server 8000)访问。
适用场景
面向对象设计、软件架构与模块构成梳理、数据库设计、业务流程与算法可视化、对象状态与生命周期管理、项目排期、UX 体验整理与概念整理等。
限制
过于复杂的图可能造成性能下降;PlantUML 需要在线服务端渲染;旧版浏览器可能无法使用部分功能。Mermaid 版本为 10.6.0,PlantUML 使用在线最新版,技能版本 1.0.0。关于收费、价格与更详细的平台支持情况,资料暂未提供。