> ## Documentation Index
> Fetch the complete documentation index at: https://docs.imagine.art/llms.txt
> Use this file to discover all available pages before exploring further.

# Startup

> Build websites, web apps, games, and landing pages from a prompt with Startup, the website builder in Imagine Computer.

**Startup** is the website builder in Imagine Computer. Describe what you want, like a landing page, a web app, a game, or a 2D or 3D site, and Startup builds it for you.

Startup is separate from the chat tools in Imagine Computer. It has its own home, its own prompt box, and its own list of projects.

## Open Startup

Go to [imagine.art/computer/startup](https://www.imagine.art/computer/startup), or click **Startup** in the Imagine Computer sidebar. You can also click the **Startup** card under **Get started with Tools** on the Imagine Computer home.

<Frame>
  <img src="https://mintcdn.com/imagineart/moyBrfBkqK-TEdbw/images/imagine-computer/startup-step-01.png?fit=max&auto=format&n=moyBrfBkqK-TEdbw&q=85&s=ee3766efeef1ccba1faab8aebb7e9252" alt="Startup home with a large prompt box showing the plus button, Build, Eco, and the microphone, and a Try a Template row with Browse all at the bottom" width="1028" height="568" data-path="images/imagine-computer/startup-step-01.png" />
</Frame>

## Describe what to build

<Steps>
  <Step title="Write your prompt">
    Type what you want in the prompt box, for example a landing page for your product, a survey app, or an internal tool. Be specific about the pages, sections, and style you want.
  </Step>

  <Step title="Choose Plan or Build">
    Click the mode dropdown next to **+** to pick how Startup starts:

    * **Plan**: discuss the idea before building.
    * **Build**: make changes directly.

    <Frame>
      <img src="https://mintcdn.com/imagineart/moyBrfBkqK-TEdbw/images/imagine-computer/startup-step-02.png?fit=max&auto=format&n=moyBrfBkqK-TEdbw&q=85&s=d7c71e2ca3fb237d0d4d11f6e05ac09f" alt="Mode dropdown open below the prompt box, showing Plan, Discuss before building, and Build, Make changes directly" width="872" height="327" data-path="images/imagine-computer/startup-step-02.png" />
    </Frame>
  </Step>

  <Step title="Pick a tier">
    Click the tier dropdown on the right of the prompt box:

    | Tier | What it's for |
    | - | - |
    | **Eco** | Budget-friendly runs. Takes a bit longer and costs less |
    | **Balanced** | A steady mix of speed and quality for everyday builds |
    | **Max** | The top tier. It isn't available on every account, and shows a lock icon when it isn't |

    <Frame>
      <img src="https://mintcdn.com/imagineart/moyBrfBkqK-TEdbw/images/imagine-computer/startup-step-03.png?fit=max&auto=format&n=moyBrfBkqK-TEdbw&q=85&s=27e1ec7312bf20f3516bb0478dc7bef6" alt="Tier dropdown open next to the microphone button, listing Eco, Balanced, and Max, with Max locked" width="1199" height="392" data-path="images/imagine-computer/startup-step-03.png" />
    </Frame>
  </Step>

  <Step title="Add files or connect tools">
    Click **+** in the prompt box to add more context:

    * **Attach**: add a **File**, or **Take a screenshot**.
    * **Connectors**: connect **Github**, **Supabase**, **Figma**, or **Google Search Console**, or click **Manage Connectors**.

    <Frame>
      <img src="https://mintcdn.com/imagineart/moyBrfBkqK-TEdbw/images/imagine-computer/startup-step-04.png?fit=max&auto=format&n=moyBrfBkqK-TEdbw&q=85&s=8087399139983ddf010b97f6161323b9" alt="Plus menu open with Attach and Connectors, and the Connectors submenu listing Github, Supabase, Figma, and Google Search Console with Connect buttons, and Manage Connectors" width="1568" height="756" data-path="images/imagine-computer/startup-step-04.png" />
    </Frame>
  </Step>

  <Step title="Send the prompt">
    Send your prompt to start the project. You can also click the microphone button to speak your prompt instead.
  </Step>
</Steps>

## Watch the build

After you send your prompt, Startup opens the project. The chat shows each step as the agent works, and a **To-dos** list in the top right tracks progress, for example **1 / 3 Complete**.

<Steps>
  <Step title="Choose a visual direction">
    Early in the build, Startup asks **Which visual direction should this app take?** and shows several design directions, each with a name, a preview board, and a short description. Click one and click **Next**. You can also click **See more** for more options, or **Skip** to let Startup choose.

    <Frame>
      <img src="https://mintcdn.com/imagineart/moyBrfBkqK-TEdbw/images/imagine-computer/startup-step-06.png?fit=max&auto=format&n=moyBrfBkqK-TEdbw&q=85&s=7925e53cff2fd856a4a7a11bc842107d" alt="Which visual direction should this app take panel with four design directions, including Neon Route Sign and Dawn on Stage, and See more, Skip, and Next buttons" width="1041" height="1148" data-path="images/imagine-computer/startup-step-06.png" />
    </Frame>
  </Step>

  <Step title="Let it build">
    Startup sets up the project, writes the code, and checks it. You can type in the prompt box at any time to change direction. When it's done, it summarizes what it built and suggests **Follow up** prompts, such as adding a contact form.
  </Step>
</Steps>

## The project editor

When the build finishes, the project opens in a split view: the chat on the left and your site on the right.

<Frame>
  <img src="https://mintcdn.com/imagineart/moyBrfBkqK-TEdbw/images/imagine-computer/startup-step-07.png?fit=max&auto=format&n=moyBrfBkqK-TEdbw&q=85&s=a34424e6c45d37f8a6cf7ff91ccebb32" alt="Startup project editor with the chat and follow-up suggestions on the left and a live preview of the Demo Brew landing page on the right, with Preview, Code, Cloud, More, and Publish at the top" width="1141" height="588" data-path="images/imagine-computer/startup-step-07.png" />
</Frame>

| Control | What it does |
| - | - |
| **Preview** | Shows your site. Use the address bar to move between pages, and **Interact** to click through it like a visitor |
| **Code** | Opens the project's files in a code view with a file search |
| **Cloud** | Sets up **Computer Cloud**, a built-in backend for your app. Click **Enable cloud** to turn it on |
| **More** | Opens **Payments** (Stripe-powered subscriptions and one-time products), **Ad Studio**, **SEO & AI Search**, **GitHub**, and **Settings** |
| **Version History** | The clock icon at the top of the chat. Browse earlier versions of your project |
| **Publish** | Publishes your app |

To change the site, describe what you want in the chat. After each build, the chat also shows a **Publish to apply changes** button that publishes the latest version.

Published projects appear under **Deployed** in the Startup sidebar.

## Start from a template

Below the prompt box, **Try a Template** shows a few ready-made site designs. Click **Browse all** to open the full **Templates** gallery. Each template has a name and a short description, for example **Planetary Pulse** (glass-membrane research landing), **EcoVolta** (clean-energy hero), or **LinkFlow** (serif-led SaaS with pricing tiers).

<Frame>
  <img src="https://mintcdn.com/imagineart/moyBrfBkqK-TEdbw/images/imagine-computer/startup-step-05.png?fit=max&auto=format&n=moyBrfBkqK-TEdbw&q=85&s=1ddcc77dcf90ab589f41e800cb185130" alt="Templates gallery with Planetary Pulse, EcoVolta, Aethera, Neural Interface, Apogee, and Basalt, each with a short description" width="1058" height="559" data-path="images/imagine-computer/startup-step-05.png" />
</Frame>

## Find your projects

When you open the **Templates** gallery, the sidebar switches to Startup's own navigation:

| Item | What it shows |
| - | - |
| **New Chat** | Start a new Imagine Computer chat |
| **Startup** | The Startup home and prompt box |
| **Search** | Search |
| **Integrations** | Your connected apps |
| **All Projects** | Every Startup project you've made |
| **Starred** | Projects you've starred |
| **Deployed** | Projects you've deployed |
| **Recents** | Your most recent projects |

## Related pages

* [What is Imagine Computer?](/imagine-computer/what-is-imagine-computer)
* [Getting Started](/imagine-computer/getting-started)
* [Connectors](/imagine-computer/connectors)
* [Glossary](/imagine-computer/glossary)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.