AI Agent工作流程图搭建工具
按顺序添加触发器、工具调用、模型推理、条件判断、人工审核、输出等步骤节点，声明每个节点的下一步（条件节点可分别指定“是/否”分支），一键生成可粘贴到Notion/语雀/GitHub等平台渲染的Mermaid flowchart流程图代码。
免费在线工具
Loading…
使用说明
- 点击「添加步骤」新增一个流程节点，或直接使用「加载示例数据」查看一个包含条件分支的完整示例。
- 为每个步骤填写「id」（英文短标识，如s1、check）、步骤说明文字，并从下拉框选择节点类型：触发器/工具调用/模型推理/条件判断/人工审核/输出结果。
- 非条件节点填写「下一步id」指向流程的下一个节点；条件判断节点需要分别填写「是→id」和「否→id」两个分支目标。
- 点击「生成流程图」，下方会显示每个节点及其流转方向的预览列表，以及可直接复制的 Mermaid flowchart 代码。
- 如果某个节点的id重复、条件节点缺少分支目标、或某个连线指向不存在的id，页面会用红色提示列出具体问题。
- 点击「复制Mermaid代码」把生成的流程图代码复制到剪贴板，粘贴进支持Mermaid渲染的文档工具即可看到可视化流程图。
功能介绍
- 支持6种Agent工作流常见节点类型：触发器、工具调用、模型推理、条件判断、人工审核、输出结果，每种类型在Mermaid图中用不同形状区分。
- 条件判断节点支持“是/否”两条独立分支，可以搭建包含分叉逻辑的工作流（如“置信度是否足够→直接回答/转人工”）。
- 内置校验：自动检测重复id、缺失的分支目标、指向不存在节点的连线，并给出具体错误提示。
- 生成结果是标准Mermaid flowchart语法文本，不依赖任何外部渲染服务，可直接粘贴进Notion、语雀、GitHub Markdown等原生支持Mermaid的平台。
使用场景
客服Agent流程设计评审
搭建一个包含“检索知识库→模型生成→置信度判断→直接回答或转人工”的分支流程，生成Mermaid图供团队评审Agent的决策逻辑是否合理。
多工具调用链路梳理
把Agent依次调用的多个工具（搜索、计算、数据库查询等）按顺序添加为步骤节点，生成流程图理清调用顺序和数据流向。
技术文档配图
为团队的Agent架构文档生成标准Mermaid流程图代码，直接嵌入语雀/GitHub Wiki等支持Mermaid的文档中，无需额外画图工具。
上线前流程校验
利用内置的重复id和缺失分支检测，在正式实现代码前先检查设计的流程图逻辑是否完整、有没有遗漏的分支。
常见问题
生成的流程图能在本页面直接看到可视化效果吗？
本页面提供一个简化的步骤预览列表（显示每个节点类型和流转方向），完整的可视化流程图需要把生成的Mermaid代码粘贴到Notion、语雀、GitHub Markdown等支持Mermaid渲染的平台中查看。
条件判断节点必须同时填写“是”和“否”两个分支吗？
是的，条件节点如果缺少任意一个分支目标，工具会在结果区提示“缺少分支目标”，建议补全后再生成，否则该分支不会出现在最终的Mermaid代码中。
id可以用中文吗？
建议使用英文/数字短标识（如s1、check-confidence），Mermaid语法对节点id有格式要求，中文id可能导致粘贴到其他平台后渲染异常。
步骤顺序是按什么排列的？
预览列表和Mermaid节点定义按你添加步骤的先后顺序排列，实际的流转方向由每个节点的“下一步/是分支/否分支”字段决定，与添加顺序无关。