Welcome to VibeFlow!
This guide will show you how to create a complete backend workflow using just natural language prompts. In under 5 minutes, you’ll have working APIs, a database, and AI processing, all built with real TypeScript.How it works: VibeFlow’s AI agent turns your description into
production-ready TypeScript workflows. You can refine them visually or keep prompting.
What You’ll Build
In this quickstart, you’ll create a modern landing page with contact form by simply describing it. VibeFlow will automatically generate:- Database to store contact submissions
- Form handling workflows
- AI-powered response generation
- Production-ready TypeScript code
Prerequisites
You’ll need:- An app idea (or use our examples)
- 2 minutes of your time
Step 1: Create Your App
1
Sign in to VibeFlow
Visit app.vibeflow.ai and sign in with your
GitHub account.
2
Describe Your Workflow
In the chat interface, describe what you want to automate. Try this example: “Build a customer support workflow: receive incoming requests via a form, use an AI agent to classify the request type (billing, technical, general), look up the customer in the database, then generate a tailored response based on their history and send it via email”
Step 2: Build Your Backend
The AI agent will start generating your backend based on your prompt. You’ll see nodes appear on the canvas as it builds out the workflow: database collections, queries, mutations, and any logic your app needs. You can refine things as you go:- Keep prompting - ask the AI to adjust, add, or remove parts of the workflow
- Edit visually - drag nodes around, tweak configurations, and rewire connections directly on the canvas
- Test as you build - use Flow Activation to run your workflow and verify it works
Next Steps
Now that you’ve experienced VibeFlow’s AI-powered backend creation, here’s what to explore next:Try More Complex Apps
Build e-commerce, social apps, or SaaS platforms with advanced prompts
Learn Manual Editing
Fine-tune your workflows using the visual node editor