SuperAPI AI 工具集

create-workflow-diagram

通用与其它

查看项目

更新于 10-15 21:54

技能介绍

用途:把纯文本的工作流描述转成 FigJam/Miro 风格的工作流图,输出 PNG 图片,便于在文档、Slack、LinkedIn 或演示中分享。

主要能力:解析步骤与连接关系,生成带连接节点、方向箭头和标签的 HTML 图;支持样式选择(FigJam Classic、Blueprint、Minimal White、Neon Flow、Pastel Board);支持从左到右、从上到下、蛇形/锯齿三种布局;可选尺寸 1920×1080、1080×1080、1200×630,PNG 小于 5MB;带条件分支时可用分支箭头和标签;图标按动作关键词自动分配。

使用方式:先描述工作流(用 → 或编号表示流向),选择布局与尺寸,再选样式;系统生成 diagram.html 后,通过 Playwright 脚本截图。首次使用需安装依赖: cd /path/to/skills/create-workflow-diagram npm install 生成截图: cd /path/to/skills/create-workflow-diagram node screenshot-diagram.js <diagram-name> 产物位于 exports/diagram.png。

适用场景:营销/销售流程、用户旅程、CI/CD 流程等线性步骤图。

限制:不适用于组织架构图、含大量分支的复杂流程图、数据架构图或简单文本列表;节点过多或标签过长时需调整间距或改用蛇形布局,箭头位置需依据实际节点位置计算。