synergycodes/workflowbuilder

Workflow Builder - Apache 2.0 React SDK for embedding visual workflow editors. Drag-and-drop workflow builder UI with a reference back-end and an execution engine swappable by design, proven with Temporal. Back-end agnostic. Built on React Flow and Temporal. Reference stack for AI workflows and automations in digital products.

何を解決するか

Workflow Builder は、ソフトウェア製品に視覚的でドラッグアンドドロップ式のワークフローエディタを埋め込む必要がある開発者向けに、完成済みの React SDK を提供します。複雑な図形インターフェースをゼロから構築する必要がなく、AIエージェントワークフロー、自動化ルール、ビジネスロジックを視覚的に設計するための標準化された方法を提供します。

動作方法

このプロジェクトは React Flow を基盤とし、プラグイン優先のアーキテクチャを採用しています。これにより、開発者はアンドゥ/リドゥやPDFエクスポートなどの機能を追加または削除しても、コアアプリケーションに影響を与えません。プロパティパネルはスキーマ駆動型のアプローチを採用しており、ノードの設定は宣言的に定義されます。SDK自体はバックエンドに依存せず、JSONシリアライズ可能なワークフローを生成しますが、Hono、Temporal、Postgres を使用した参照実装(リファレンススタック)を提供しており、OpenAI互換エンドポイントを介してLLMを含むワークフローの実行方法を示しています。

対象ユーザー

B2B SaaS製品、視覚的ルールエンジン、AIエージェントプラットフォームを開発している開発者やプロダクトチーム向けに設計されています。既存の React アプリケーションにプロフェッショナルなワークフローエディタを統合したい方におすすめです。

主な特徴

  • プラグイン優先アーキテクチャ:モジュール化された設計により、ELK自動レイアウトや直交エッジルーティングなどのオプション機能を追加可能。
  • バックエンド非依存:任意のバックエンドと連携可能。ただし、Temporalベースの参照実装も提供されています。
  • スキーマ駆動型設定:ノードの入力は宣言的なプロパティパネルで構成されます。
  • AI対応:AIエージェントノードのエンドツーエンド実行を示す参照「AI Studio」を含んでいます。

関連

  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト