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 에이전트 노드의 엔드투엔드 실행을 보여주는 참조 "AI Studio" 포함.