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 代理節點的端對端執行。