VibeFlow

VibeFlow란

VibeFlow는 설명 하나로 동작하는 소프트웨어를 만들어 주는 AI 워크플로 빌더다. 프롬프트로 앱 만들기를 처음부터 손으로 짜지 않고 시작하는 길이다. 원하는 것을 자연어로 적으면 AI 에이전트가 데이터베이스 테이블, API 엔드포인트, 비즈니스 로직까지 담은 실제 TypeScript 워크플로를 만든다. Lovable 같은 프롬프트 기반 앱 생성 도구와 같은 영역에 서지만, 겨냥하는 지점은 더 좁다. 백엔드가 보이고 고칠 수 있다는 것, 블랙박스가 아니라는 점이다.

이 도구가 겨냥하는 문제는 프로토타입을 한 번이라도 내본 사람이면 안다. 프런트엔드 생성기는 데모에서는 멋지지만, 진짜 비즈니스 로직이나 연동, 모델이 무엇을 만들었는지 디버깅할 수단이 필요한 순간 멈춘다. VibeFlow는 백엔드 구성 요소를 모두 읽고, 다시 연결하고, 시험할 수 있는 캔버스 위에 올려 답한다. 그래서 고장 난 플로를 고치는 일은 노드를 고치는 것이지, 프롬프트를 다시 쓰며 기도하는 것이 아니다.

시작하기 전에 짚어 둘 제약이 두 가지다. 웹앱만 만들기 때문에 모바일은 아직 범위 밖이다. 그리고 무료 플랜은 하루치 적은 크레딧으로 돌아간다. 실험에는 충분하지만 실제 프로젝트에서는 금방 바닥난다.

시작하기

1. app.vibeflow.ai에서 GitHub 계정으로 VibeFlow에 로그인한다
2. 채팅창에 원하는 워크플로를 적거나 예제에서 출발한다
3. AI 에이전트가 캔버스에 노드를 놓는 걸 보면서, 프롬프트나 드래그로 조정한다
4. Flow Activation으로 캔버스에서 플로를 돌려 제대로 실행되는지 확인한다
5. 게시하면 VibeFlow가 생성한 TypeScript를 GitHub 저장소로 보내고 배포한다