用途:把纯文本工作流描述转成 FigJam/Miro 风格的流程图 PNG,适合展示 4-8 步的线性流程,例如「Apollo 找线索 → Clay 补全 → Claude 筛选 → Smartlead 发送」。
主要能力:解析文本中的节点、连线与标签,自动分配 emoji 图标;支持左到右、上到下、蛇形/Zigzag 布局;提供 FigJam Classic、Blueprint、Minimal White、Neon Flow、Pastel Board 等样式;可选标题/副标题;用绝对定位节点与 SVG 箭头生成 HTML,可渲染分支(if/or/else 提示词触发的多分支)。
使用方式:先按提示提供工作流描述、布局方向(Left to Right 默认、Top to Bottom、Snake/Zigzag)、尺寸(1920×1080 横版默认、1080×1080 方版、1200×630 宽版)与样式。生成目录 skills/create-workflow-diagram/[diagram-name]/diagram.html,随后运行截图:cd /path/to/skills/create-workflow-diagram,node screenshot-diagram.js <diagram-name>。首次使用先 npm install。截图输出到该目录 exports/diagram.png,2x 分辨率。
适用场景:文档、Slack、LinkedIn、演示用的流程说明。
限制:不适合组织架构/层级图、复杂多分支流程图、数据架构图或简单列表;PDF/导出格式、逐节点手工微调方式等资料暂未提供;截图依赖本地 Playwright 环境与 npm 安装。