vercel-labs/workflow-builder-template

What it solves

이 프로젝트는 AI 기반 워크플로우 자동화 플랫폼을 구축하기 위한 템플릿을 제공합니다. 실행 가능한 TypeScript 코드로 변환할 수 있는 드래그 앤 드롭 인터페이스를 제공하여 시각적 빌더를 처음부터 구축해야 하는 번거로움을 없애줍니다.

How it works

Workflow DevKit을 기반으로 구축된 이 템플릿은 시각적 캔버스(React Flow)를 사용하여 자동화 시퀀스를 정의합니다. 사용자는 OpenAI를 통해 자연어 프롬프트를 사용하거나 노드를 수동으로 드래그 앤 드롭하여 워크플로우를 생성할합니다 수 있습니다. 이러한 시각적 워크플로우는 특정 "use workflow" 지시어를 사용하여 타입 안전한 TypeScript 코드로 변환되며, 서버리스 함수(serverless functions)로 실행할 수 있습니다.

Who it’s for

자신만의 워크플로우 자동화 서비스를 출시하거나, 기존 애플리케이션에 시각적 AI 에이전트 빌더를 통합하고 싶은 개발자.

Highlights

• AI-Powered Generation: AI 기반 생성. 자연어 설명을 통해 전체 워크플로우를 생성합니다.
• Code Generation: 코드 생성. 시각적 다이어그램을 실행 가능한 TypeScript로 자동 변환합니다.
• Extensive Integrations: 폭넓은 통합. Slack, GitHub, Linear, Resend, Perplexity, 및 Firecrawl과 같은 도구의 노드드를 노드를 제공합니다.
• Full-Stack Template: 풀스택 템플릿. 인증(Better Auth), 데이터베이스 관리(PostgreSQL/Drizzle), 실행 추적 및 상세 로그를 포함합니다.