workflow-visualizer

把业务流程变成可以点开看的 HTML 流程图，也能导出 SVG、PNG 和 Mermaid，手机竖版、电脑横版都有。

生态: Agent Skills
Skill 分类: 设计
创建者 / 机构: jimku233（GitHub 用户；B 站 @jimi绝不吐槽）

它是什么

workflow-visualizer 是 jimku233（B 站 @jimi绝不吐槽）做的 Agent Skill，仓库根目录本身就是 Skill。你把业务文档、口述内容或日志交给 AI，它整理成流程规格，再由 Node 在本机渲染成可交互的 HTML，并导出 SVG、PNG 和 Mermaid 源码；同一份规格会出手机竖版和电脑横版两种。作者说渲染完全离线，不用 CDN，也没有遥测。不用 AI 也能直接用命令行渲染。

适合谁：要把工作流程画清楚、拿给同事或客户看的产品、运营和项目负责人。

使用前提：克隆到 DSH、Claude Code 等能发现 Skill 的位置；README 列了 DSH、Claude Code、Codex CLI、Cursor、VSCode Copilot，没有代码执行能力的聊天工具只能帮你写规格。需要 Node.js 18 以上，没有第三方依赖。重新渲染会覆盖原来的产物。可选的 serve.mjs 会把指定的产物目录开放给同一局域网里的设备，HTML 里有负责人和备注，分享页面就等于分享这些信息。使用这些功能前，请自己斟酌安全，由此产生的后果与本站无关，本站一概不负责。README 以中文为主，另有英文版。许可证是 MIT。

以上根据项目公开说明整理，本站没有实际测试。