Training guide

The Builder, step by step

From one prompt to a published app with a live URL. The contract that holds throughout: the app is verified on what actually renders, and you approve what ships.

1.Describe your app

One prompt starts it. The more specific you are about who it is for and what it must do, the better the first version.

  1. 1

    On the home screen, type what you want in the big prompt box — name the audience, the core job, and the pages you expect.

  2. 2

    Or pick a template if one matches, and adjust its prompt.

  3. 3

    Press “Start build”. If the builder needs a decision from you first, it asks before spending anything.

Tip: Good prompts sound like briefs: “An appointment booking site for a dog-grooming salon: services with prices, a booking form, and a gallery.”

2.Watch the build

The builder writes the app, renders it for real, and checks the result — not just the code.

  1. 1

    The chat narrates what is being built; the preview pane fills in as files land.

  2. 2

    Verification runs on the rendered app: does it paint, is the content visible, does the primary flow exist.

  3. 3

    Findings come back as messages you can act on — nothing is silently scored.

3.Refine with prompts

You never edit code unless you want to. Describe changes; review them in the preview.

  1. 1

    Type the change in the chat: “Make the pricing cards three across” or “Add a contact section with a map”.

  2. 2

    For visual tweaks, use the visual edit mode: click the element in the preview and describe what should change.

  3. 3

    Each refinement is verified against the same rendered surface, so a fix cannot quietly break the page it touched.

Tip: One change per message beats a paragraph of five changes — you can see exactly what each prompt did.

4.Publish

One click puts your app on a live URL you can share.

  1. 1

    Open the Publish panel — it says “Publish your app to create a live link”.

  2. 2

    Press “Publish” and wait for the live URL.

  3. 3

    The celebration screen offers your launch kit — posts, images, and video drafts about the app you just shipped.

Tip: Your code stays yours: connect GitHub to sync it out, or download the complete runnable project as a ZIP.

5.Already built it elsewhere?

Apps born in Claude Code, Codex, Lovable, Bolt, or Replit can enter here instead of starting over.

  1. 1

    Push the project to a GitHub repository (most tools have sync or export built in).

  2. 2

    Choose “Import my code” on the welcome screen — or open the import dialog from the builder.

  3. 3

    Pick the repository, confirm with “Import repository”, and continue with the same verify → refine → publish flow above.

Next: launch it

A published app is halfway. The launch guide takes you from live URL to launch kit, published posts, and getting found on Google.

Read the launch guide →

Or start now: create your account