zhimeng-ai Workflow Showcase

zhimeng-ai 智能体工作流编排平台 Demo

可视化 DSL 编排、Multi-Agent 节点、Tool 节点与条件边回流展示。

本页面为纯前端静态展示 Demo,展示 zhimeng-ai 智能体工作流编排平台的核心设计思路。真实平台中,前端画布生成 nodes、edges 和 config,Console Hub 保存工作流 DSL,Workflow Engine 读取 DSL 后根据 nodeType 调度对应 NodeExecutor 执行,支持 Agent 节点的条件回流形成完整 Graph。本 Demo 不依赖后端服务,适合长期部署为简历展示链接。

Workflow Canvas

rejected / approved=false approved / approved=true

默认预设展示 Reviewer Agent 条件回流到 Writer Agent,强调这是一张 graph,而不是普通线性 chain。

执行预览

点击“模拟执行工作流”后,日志会按顺序逐步出现。

技术说明

本 Demo 基于 zhimeng-ai 源码结构进行静态展示。zhimeng-ai 本身已经包含 React + TypeScript + Vite + Ant Design + ReactFlow 的前端工作流编排层,包含 Console Hub 后端服务,以及 Java / Python 双工作流引擎。真实工程中,前端工作流页面会生成 nodes、edges 和 config,Console Hub 保存工作流元数据,Workflow Engine 读取 DSL 后根据 nodeType 调度对应执行器。当前页面不调用真实后端,只用于展示我基于源码理解改造的 zhimeng-ai 工作流编排平台的产品形态和技术链路。

画布上的节点不是 Console Hub 或 Workflow Engine 本身,而是平台预注册的业务节点模板。Console Hub 和 Workflow Engine 是后端平台模块;Agent、Tool、Input、Output 才是用户在画布上编排的业务节点。

跳转区域

Demo 录屏

录屏展示从画布编排、DSL 生成、模拟执行到 Writer / Reviewer 条件回流的完整过程。