> ## 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.

# Quick Start Guide

> Build your first backend workflow in 5 minutes, powered by AI

## 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.

<Note>
  **How it works:** VibeFlow's AI agent turns your description into
  production-ready TypeScript workflows. You can refine them visually or keep prompting.
</Note>

## 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

<Steps>
  <Step title="Sign in to VibeFlow">
    Visit [app.vibeflow.ai](https://app.vibeflow.ai) and sign in with your
    GitHub account.
  </Step>

  <Step title="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>
</Steps>

## 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](/features/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:

<CardGroup cols={2}>
  <Card title="Try More Complex Apps" icon="rocket" href="/concepts">
    Build e-commerce, social apps, or SaaS platforms with advanced prompts
  </Card>

  <Card title="Learn Manual Editing" icon="wrench" href="/using-the-editor">
    Fine-tune your workflows using the visual node editor
  </Card>
</CardGroup>