用途：把线性、有明确步骤顺序的流程绘制成专业流程图，输出为单个自包含 HTML 文件，内嵌 SVG 图形与 CSS 样式。适用于业务流程文档、自动化工作流可视化、Sprint/开发流程、审批流与决策树、多步骤操作手册、入职与运维手册。非顺序关系（系统组件图、基础设施拓扑）不适用，应改用 architecture-diagram-generator。
主要能力：内置设计系统，按步骤类型区分配色与图标——开始/结束（青色胶囊）、手动步骤（翠绿，👤）、自动步骤（紫罗兰，⚡/🤖）、集成/API（琥珀，🔗/☁️）、决策（玫红菱形）、前置条件（石板灰虚线框）。字体使用 JetBrains Mono，背景 #020617 带网格。支持步骤编号徽章、带标签箭头、前置条件框、底部三张信息卡（前置条件、输入/输出、工具/集成）。内置导出工具栏：⋯ 按钮展开 📋 复制（高 DPI PNG 到剪贴板，scale: 2）、🖼️ PNG 下载、📄 PDF（经 jsPDF 嵌入单页 PDF），均用 html2canvas 捕获，排除工具栏并留 32px 内边距。
使用方式：复制并定制 resources/template.html，更新标题与页眉、填写前置条件、按顺序添加步骤并选色、绘制带标签箭头、更新三张摘要卡与页脚元数据。布局默认水平从左到右，步骤多时可换行（多行换行模式）或改为垂直。循环流程不用开始/结束胶囊，改用顶部虚线青色回环箭头；异常路径用玫红虚线置于行下方。
关键限制：必须防止右侧裁切——viewBox 宽度按公式估算（步骤数 × 220 + 200 内边距，每个内联菱形 +120，右侧出口节点 +100），并让 svg min-width 等于 viewBox 宽度、.container max-width 等于 viewBox + 48px，三者必须同步修改。默认安全 viewBox 为 0 0 1300 540。模板中两个 CDN 脚本（html2canvas@1.4.1、jspdf@2.5.2）带 SRI 哈希，不可修改；版本升级需重新计算哈希。剪贴板 API 需用户手势与安全上下文（https/file/localhost）；html2canvas 对 SVG foreignObject 渲染不稳定，应只用普通 svg 形状与 text。交付前应预览检查右侧裁切、元素重叠、箭头连接、文字溢出与间距问题并修复。
版本 1.1，MIT 许可，作者 Cocoon AI。具体安装命令与更多示例文件内容暂未提供。