GX-13 / WALKTHROUGHS

Watch it built. Then build it.

Short, silent films of the real product on real prompts. 1 of 24 recorded.

Launchpad in 60 seconds

0:00 / 0:00

Launchpad in 60 seconds · §01 · 1 min · silent

01 / Start here§01 · §02 · §04

Your first build, end to endFrom the empty box on the home page to a live URL: the brief, the scaffold, the preview lighting up, and the first refinement.§01
Chat before you buildAsking a question costs one credit and writes no code. How to plan in chat, then spend a build turn only when the plan is right.§02
The workspace, explainedChat on the left, your app running on the right, and the Console, Errors and Files tabs underneath — what each one is for.§04

02 / Start with what you have§01 · §06 · §07 · §11

An idea: one sentence to a live URLThe plain path. Describe the thing, not the stack, and watch the agent make the decisions you did not want to.§01
A design: from a mockup to a working appAttach a screenshot or a design file and the build starts from your layout instead of a guess.§06
A template: start from an app that already worksReal screens and real data, one click to make it yours, then change anything in chat.§07
A repo: import from GitHub and keep goingBring an existing project in, work on it in the sandbox, and push the result back to the repo you own.§11

03 / Building§02 · §04 · §06 · §26

Visual edits: click, change, doneSelect an element and change spacing, colour or type in place. Class-level tweaks run in your browser and cost nothing.§02
Rewind: every turn is a checkpointRestore any earlier state with no model call and no charge. You keep the conversation and lose only the code changes.§26
The console the agent can readUncaught errors and console output are captured for the agent, so “it's throwing an error” is usually the whole bug report.§04
Files: browse, edit, take the repoThe Files tab, editing by hand, and downloading the project as a real Vite + React repository on any plan, free.§06

04 / Permissions and safety§05 · §15

What the agent asks before it actsInstalling a package, reaching the network, deploying — each surfaces a card with the exact command and a plain-English reason, and waits.§05
Grants: allow once, or for this projectScope an approval so the same question is not asked twice, see every grant in settings, and revoke one.§05
Secrets the model never seesWhere API keys live, how the secret-file firewall keeps them out of the agent's context, and what publish scans for.§15

05 / Publishing and ownership§08 · §11

Publish: one click to a live URLA static bundle on a real HTTPS address, free on every plan including Free, republished each time you deploy.§08
Your own domainPointing a domain you own at a project on Pro or Business — the DNS step, verification, and the certificate arriving.§08
GitHub sync, both waysPush from Launchpad, pull changes you made in your own editor, and keep the two in step without leaving either.§11

06 / The crew§19 · §23

Meet the crewFive specialists, one chat: what each one is for, how to dispatch one with a mention, and how their work lands in your project.§19
Build your own crew memberGive a specialist a brief, connect the tools it may use, and set what it is allowed to spend.§23

07 / Data and sign-in§22

A database in one sentenceAsk for a table and get one: the schema, the policies that keep rows private, and the preview reading real data.§22
Sign-in for your app, in a turnAdding accounts to the thing you built — the sign-in page, the session, and what the agent locks down on your behalf.§22

08 / Credits§12

Credits, and the Fair Turn GuaranteeChat is one, a typical feature build is five, publishing and rewinding are free — and a turn that fails on our side costs nothing.§12
Running lowThe banner at 80%, the stop at 100%, and why nothing tops up without you clicking.§12

Tell us what to record next.

If the walkthrough you need is not here, say so and we will record it, usually within a few days.