Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.vibeflow.ai/llms.txt

Use this file to discover all available pages before exploring further.

​
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
That’s it!

​
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
Once you’re happy with the result, VibeFlow generates production-ready TypeScript and pushes it to your GitHub repository.

​
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