前言¶
让 AI 生成流程图,常见结果有两种:一是给出一段 Mermaid 或 Graphviz 代码,得自己排版;二是直接输出一张图,拿到手发现改不了——想改一个分支的条件、调整节点文字,只能重画。多人协作时还要再担心各张图风格不统一。下面介绍的流程图绘制技能,做法是直接交付可编辑的 drawio 源文件,并附一张 SVG 兜底图。
这是什么¶
流程图绘制技能是一个基于通用 SKILL.md 格式的 Agent Skill,坐标 @indiv-zane/professional-flowchart-design,由社区发布者 user_b7d723bc 维护,当前版本 1.0.6,来源标记为 community,SkillHub 分类为 design-media。它解决的问题是:Agent 生成流程图时,输出物能被直接编辑、风格统一,不产生典型的「AI 味」图表。
核心能力¶
根据 SkillHub 页面的简介,该技能的能力可以归纳为三点:
1、从零生成流程图。输入一份文字描述,Agent 按 Skill 的规范生成节点、连线和分支结构,不需要用户先手写草稿。
2、交付可编辑的 drawio 源文件。主交付物是 drawio 源文件,可以在 draw.io 桌面版或网页版打开继续编辑,改文字、调布局、加分支都直接在文件里完成。
3、提供 SVG 兜底图。除源文件外同时输出 SVG,用于预览、贴文档,或在无法打开 drawio 的环境里查看。
标签 requires_api_key=false,表示使用该 Skill 不需要配置额外的 API key。
安装与启用¶
官方页面没有给出命令行安装方式,也没有列出目录或配置项;目前 SkillHub 页面上的安装数为 0。可以确认的信息只有两点:
- 坐标:@indiv-zane/professional-flowchart-design
- 环境要求:不需要 API key
在支持通用 SKILL.md 格式的环境里启用时,以 Skill 坐标为准从 SkillHub 获取;具体目录约定以该环境的文档为准,本资料未覆盖,这里不推测。
典型用法¶
SkillHub 页面未提供可复现的命令示例,下面只描述输入形态,具体执行取决于所在的 Agent 环境。
输入是一段文字描述,说明流程的目标、节点、分支和终点,Agent 借助该 Skill 生成 drawio 源文件和 SVG 兜底图。拿到源文件后,在 draw.io 中打开核对布局与文字,再按需修改。
适用场景与注意¶
适合的场景:需要把流程图当作可维护交付物的团队——文档、设计评审、需求说明中的流程图后续会被反复修改,而不是一次性截图。
需要注意的地方:
- 交付物依赖 drawio 格式,下游如果只用 Mermaid 或图片,需要自行转换。
- 该 Skill 来自 community 来源,发布者是社区用户,使用前建议先在自己的流程样例上试一轮,确认输出风格符合预期。
- 页面上评分 100000、下载 839、安装 0(抓取时的数据)。安装数为 0,意味着还没有可参考的公开使用记录。
结尾¶
流程图绘制技能把「AI 画图」的输出物从一张不可改的图,变成一份可编辑的 drawio 源文件加一张 SVG 兜底图,接口简单:文字描述进、源文件出,不需要额外 API key。官方地址:https://api.skillhub.cn/indiv-zane/professional-flowchart-design