synergycodes/workflowbuilder

解决的问题

Workflow Builder 为需要将可视化拖拽式工作流编辑器嵌入其软件产品中的开发者提供了一个现成的 React SDK。它消除了从零开始构建复杂绘图界面的需要，提供了一种标准化的方式来可视化设计 AI 代理工作流、自动化规则和业务逻辑。

如何工作

该项目基于 React Flow，采用插件优先架构，允许开发者在不破坏核心应用的情况下添加或移除功能（如撤销/重做或 PDF 导出）。它采用基于模式的属性面板方法，意味着节点配置是声明式定义的。虽然 SDK 与后端无关，并生成可序列化为 JSON 的工作流，但它包含一个参考执行栈（使用 Hono、Temporal 和 Postgres），演示了如何执行这些工作流，包括通过 OpenAI 兼容端点涉及 LLM 的工作流。

适用人群

专为开发 B2B SaaS 产品、可视化规则引擎或 AI 代理平台的开发者和产品团队设计，希望将专业级工作流编辑器集成到现有 React 应用中。

主要亮点

• 插件优先架构：模块化设计允许添加可选功能，如 ELK 自动布局和正交边路由。
• 后端无关：可与任何后端配合使用，尽管提供了基于 Temporal 的参考实现。
• 基于模式的配置：节点输入通过声明式属性面板进行配置。
• AI 就绪：包含一个参考「AI Studio」，演示 AI 代理节点的端到端执行。