pile·
아키텍처·vercel-blogVercel Blog·

Workflow Builder: Build your own workflow automation platform

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 아키텍처와 비주얼-코드 동기화 패턴의 실제 구현 참조.
vercel-blog
Vercel Blog 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)

이 글과 비슷한

  1. 아키텍처·cloudflare-blogCloudflare Blog·

    Monetization Gateway 공개: x402로 Cloudflare 뒤 모든 리소스에 과금하기

    Cloudflare가 HTTP 402 상태 코드를 재활용한 오픈 결제 프로토콜 x402와 스테이블코인 정산을 결합한 Monetization Gateway를 발표했다. 웹페이지·데이터셋·API·MCP 도구 어디든 Cloudflare 뒤에 놓으면 사용량 기반 마이크로페이먼트를 붙일 수 있다. AI 에이전트가 광고를 안 보고 구독도 유지하지 않는 시대에, 개발자와 퍼블리셔가 콘텐츠·도구를 직접 과금할 수 있는 인프라를 엣지에서 제공하는 것이 핵심이다.

    #http-protocol#x402#micropayment+2
  2. 아키텍처·cloudflare-blogCloudflare Blog·

    Cloudflare Workflows에 사가 롤백을 구현한 방법

    Cloudflare Workflows 엔진에 사가(Saga) 패턴 롤백 기능을 추가한 과정을 다룬다. 다단계 워크플로우에서 중간 단계가 실패했을 때 이전 단계의 부작용을 되돌리는 보상 로직(compensating action)을 각 step에 선언적으로 정의할 수 있게 됐다. Workers RPC의 callable reference를 활용해 엔진 재시작 후에도 핸들러를 복구할 수 있는 내구적 설계를 택했다.

    #workflow-engine#cloudflare-workers#saga-pattern+2
  3. 아키텍처·LY CorporationLY Corporation·

    AI 시대의 개발 능력은 검증력으로 결정된다, Flava API Gateway 개발 중 배운 빠른 검증과 로컬 환경 구성 전략

    LY Corporation 의 Flava API Gateway 개발팀이 AI 코딩 에이전트 도입 후 직면한 "빠른 코드 생성 vs 느린 검증" 문제를 해결한 전략을 공유한다. 스펙 주도 개발, 검증 자동화, 로컬 환경 재현성의 세 축으로 접근해 AI 에이전트가 즉각적인 피드백 루프 안에서 안정적으로 작동할 수 있는 개발 기반을 구축했다.

    #ai-agent#test-automation#openapi+2