# Build

An AI studio for generating, previewing, and deploying full-stack applications from a browser no local setup required.

Build takes a natural language description and produces a complete, runnable application: frontend, backend, database schema, authentication, and deployment configuration. You can start from a text prompt, a visual design you generate in-product, or an imported Figma file.

The output is production-grade code you own. Download it, push it to GitHub, or deploy it directly to a shareable URL on CodeMate Cloud.

***

### How it works

A Build project follows four stages. Each one feeds into the next, and you can re-enter at any point.

**1. Describe**

Write a plain-language description of your app what it does, who uses it, and how it should look. The more specific you are about pages, flows, and user roles, the closer the first output will be to what you have in mind.

**2. Generate**

Build plans the architecture, then generates frontend and backend code together. You can watch this happen in the file explorer as files are created and populated in real time.

**3. Preview & iterate**

A live preview runs your app, Click through it, fill out forms, and check responsive layouts. Describe changes in the chat and they reflect immediately.

**4. Deploy**

Click **Deploy**. Your app is packaged and hosted on CodeMate Cloud. You get a public URL at `your-app.codemate.build` with HTTPS configured automatically.

***

### Starting modes

Every project begins in one of three modes. You can switch between them at any point project context is preserved across all three.

| Mode           | Input                   | Best for                                                      |
| -------------- | ----------------------- | ------------------------------------------------------------- |
| Conversational | Text prompt             | You know what you want to build and want to move fast         |
| Design mode    | UI description          | You want to nail the visual direction before writing any code |
| Figma import   | Figma file or frame URL | You have existing designs and want production code from them  |

***

### Exporting your code

All generated code is yours. From any project, open the file explorer and click **Export** to download a ZIP archive.

> Deployed apps on the free tier are public. Sensitive environment variables are injected at deploy time and never written to source files.


---

# Agent Instructions: 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:

```
GET https://docs.codemate.ai/build.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.