Vercel이 Workflow Development Kit(WDK)를 기반으로 한 오픈소스 비주얼 자동화 플랫폼 'Workflow Builder'를 공개했다. 드래그앤드롭으로 자동화 워크플로우를 구성하고, 자연어로 워크플로우를 AI 생성하며, 완성된 워크플로우를 TypeScript 코드로 컴파일하는 엔드투엔드 플랫폼이다.
핵심 포인트- WDK 아키텍처: "use workflow" / "use step" TypeScript 디렉티브로 워크플로우를 선언적으로 정의, 코드와 비주얼이 동기화.
- 비주얼 에디터: 드래그앤드롭 + 실시간 유효성 검사 + undo/redo + 자동 저장.
- 6개 사전 통합: Resend(이메일), Linear(이슈), Slack, PostgreSQL, HTTP 요청, Vercel AI Gateway.
- text-to-workflow: 자연어로 요구사항 설명 → 스텝과 연결 자동 생성.
- 스텝 출력 참조: 이전 스텝 결과를 다음 스텝 입력으로 자동 주입.
상세 정리- WDK 기반 설계: TypeScript 네이티브. "use workflow"로 전체 플로우 선언, "use step"으로 각 단계 정의 — 코드→비주얼 컴파일과 비주얼→코드 컴파일 모두 지원.
- 비주얼 에디터 특징: 연결 오류 실시간 감지, undo/redo 히스토리, 자동 저장으로 중간 손실 없음. 코드 없는 사용자도 생산적.
- 스텝 출력 체이닝: 각 스텝 출력이 다음 스텝의 입력으로 전달 — "Stripe 결제 → 고객 정보 추출 → Slack 알림 + Linear 이슈 생성" 같은 복합 파이프라인 구성 가능.
- 웹훅 트리거: GitHub, Stripe 등 외부 서비스가 워크플로우를 직접 트리거.
- AI 생성 워크플로우 (text-to-workflow): 자연어 프롬프트 → WDK 스텝 정의 + 연결 자동 생성. 원하는 자동화를 설명만 하면 완성.
- 코드 컴파일 방향: 비주얼 플로우 → TypeScript 자동 생성. 코드 기반 팀은 생성된 코드를 직접 수정 가능.
- 활용 사례: AI 멀티스텝 자동화, 사내 도구 개발, 도메인별 워크플로우 플랫폼, 임베디드 인테그레이션 기능, 비주얼 ETL 파이프라인.
- 배포: Vercel 원클릭 템플릿 배포 지원.
왜 읽나반복 업무 자동화 플랫폼이나 사내 워크플로우 도구를 구축하려는 개발자에게 WDK 아키텍처와 비주얼-코드 동기화 패턴의 실제 구현 참조.