First build
Homepage composer → sign-up if needed → project with ?run=1 → wait for preview. Do not refresh-spam; Vite is starting.
Guides
Task-shaped help, from first prompt to export.
Docs explain the product. Guides are jobs: first build, follow-ups, files, publish, billing, preview stuck, restore. Each one assumes you are sitting in the studio with a project open.
Enter
Sends on the composer
@file
Attach in chat
402
Cap → upgrade modal
Zip
Export anytime
Why this exists
Learn as you build — not as you watch a course.
The working loop
Open a guide, do the thing, come back. If a step is wrong, that is a product bug. Academy is the longer curriculum. This page is the cheat sheet.
Jobs
- First build
- Steer
- Preview
- Publish
- Pay
- Export
In the product
What you actually get.
Follow-ups
Agent pane. One change per message when you are stuck. Mention the screen by name.
Attach a file
@src/App.tsx in the message. The studio resolves it from the tree.
Preview stuck
Restart preview in the studio. On the domain we reuse Vite; if it is still dead, check the project has node_modules/vite.
Restore
Versions in the studio. Pick a checkpoint. Confirm.
Publish
Marks the project public. It appears on /community.
How
A path you can follow without a call.
01
Account
Email and password. OAuth if keys exist.
02
Prompt
The job, the audience, the first three screens.
03
Wait for iframe
Chat will say preview ready. Then click.
04
Steer
Until the click path matches the brief.
05
Cap
Upgrade on /pricing if you need more tokens.
06
Leave with code
Export zip.
Deep cut
The rest of the page — not a teaser.
Guide — First build
1) Type the idea. 2) Enter. 3) Sign in if asked. 4) Stay on the project until preview.ready. 5) Click the Preview tab on mobile.
Guide — The agent is looping
Stop. Restore. Send a smaller instruction: one screen, one component.
Guide — Wrong product leftover
Say: replace Home so it matches THIS product. The orchestrator already nags the agent about leftover templates; you can nag too.
Guide — Billing
Sign in. Pricing → Pay with card. Complete Whop. /checkout/complete. If still Free, the webhook is not registered.
Guide — Secrets
Studio → secrets. Key + value. Do not put them in the prompt.
Guide — Duplicate
Dashboard duplicate if you want a fork without destroying the demo.
Questions
Ask these before you waste a week.
Is this a mock or a real app?
Real Vite + React + TypeScript files in a project you own. Preview is a running Vite server proxied through the studio iframe.
What happens when I hit the token cap?
The agent stops until the month resets or you upgrade. Pro is $19.99/month via Whop card checkout. The webhook sets your plan to Pro.
Can I take the code?
Yes. Export a zip from the studio. Secrets are not stuffed into the zip as plaintext from the ciphertext store — add env files yourself after export.
Video?
Not yet. The iframe is the tutorial.
Next
Keep going.
Describe it. Watch it become real.
Free is live. Pro is $19.99/month on Whop. The studio, preview, and export are on this host — not a waitlist.