> For the complete documentation index, see [llms.txt](https://docs.genvibe.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.genvibe.pro/features/ai-builder.md).

# The AI builder

The AI builder is the heart of GenVibe. You chat with it, and it writes and edits the real code of your app — streaming changes into a live, running preview.

## How it works

1. You send a message describing what you want.
2. The AI generates or edits files, which stream into the **workbench** as it works.
3. The app runs instantly in the **live preview** — no build step, no waiting on a server.
4. You keep chatting to refine, fix, and extend.

## The prompt box

A few controls sit right in the prompt box:

* **Web / Mobile tabs** — choose whether you're building a web app or a **mobile** (React Native + Expo) app before you start. See [Mobile apps](/features/mobile-apps.md).
* **Framework** *(web only)* — the gear opens a picker if you want a specific stack (React, Next.js, Vue, and more). Most people leave it on **Auto** — GenVibe picks a sensible default.
* **Build / Plan** — build immediately, or plan first. See [Plan mode](/features/plan-mode.md).
* **＋** — attach a screenshot or image, or import from Figma.

## It remembers your project

GenVibe keeps the full context of your app and conversation, so you can make incremental changes without re-explaining everything. Just say what to change next.

## Your projects are saved automatically

Every project is backed up to the cloud as you build — files *and* chat history. You can close the tab, switch browsers, or pick up on another device and your app is right where you left it. Because everything runs in a cloud sandbox, you can start on a laptop and continue from your phone with nothing to set up. Manage your projects from the sidebar (rename, delete, or reopen any of them).

## It writes real, standard code

Your app is built with mainstream frameworks and standard code — not a proprietary format. That means:

* You can read and edit every file yourself.
* You can export it to GitHub or deploy it anywhere.
* You're never locked in.

## It can fix its own mistakes

If your app hits a runtime error, GenVibe can detect it and attempt a fix automatically. You can also point out problems yourself:

> The page is blank after I click Submit — please fix it.

## Choosing a model

Use the model menu in the prompt toolbar to choose the AI model. Free accounts use GenVibe's default frontier model; every paid plan (Standard and Pro) unlocks all of our frontier models for the most demanding builds.

## Tips for best results

* Describe the whole app in your first message, then iterate in small steps.
* Be specific about behavior and design.
* Use the [inspector](/features/preview-and-workbench.md) to target a specific element.

See [Prompting best practices](/getting-started/prompting-best-practices.md) for the full guide.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.genvibe.pro/features/ai-builder.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.