Flowchart Creator 是一个用于创建交互式 HTML 流程图和流程图的技能。
用途 当用户提出以下类型请求时使用：为某个流程创建流程图、生成流程图、为某个工作流制作决策树、展示工作流可视化。
主要能力 该技能可生成包含以下组件的 HTML 流程图：
- 开始/结束节点：圆角矩形，绿色（#48bb78）表示开始，红色（#e53e3e）表示结束。
- 流程框：矩形，蓝色（#4299e1）。
- 决策菱形：菱形，橙色（#f59e0b）。
- 箭头：带标签的连接路径。
- 泳道：可选的分组区域。
使用方式 该技能提供了一套 HTML 结构模板，包含 DOCTYPE、head、style 和 body，其中 style 定义了字体、SVG 最大宽度以及各节点类型的填充色。节点通过 SVG 元素绘制，例如：
- 开始/结束节点使用 rect 并设置 rx=25，class 为 start-end。
- 流程框使用 rect，class 为 process。
- 决策菱形使用 path 绘制菱形，class 为 decision。
- 箭头使用 path 并设置 stroke、stroke-width 和 marker-end 引用箭头标记。
工作流程
- 将流程分解为步骤。
- 识别决策点。
- 垂直或水平布局节点。
- 用箭头连接节点。
- 为决策分支添加标签。
- 写入 [process]-flowchart.html 文件。
布局要求 保持布局整洁，使用一致的间距（节点之间 100px）。
适用场景 适用于需要将业务流程、工作流或决策逻辑可视化为 HTML 流程图的场景。
限制 资料中未提供关于收费、价格、平台支持范围、具体效果或更多使用步骤的信息。