Journeys as routes
Ask for the path. App.tsx and the pages show up as a real router, not a list of tickets.
Product managers
A clickable spec beats a 12-page PRD.
Alignment dies in documents. It lives in a product people can disagree with by clicking. CodeLoom turns the journey you already wrote into routes and screens so engineering argues about the real thing.
Journey
Written as screens
Restore
Checkpoints after bad turns
Publish
Community snapshot
@file
Attach context in chat
Why this exists
Prototype, don’t spec.
The working loop
Paste the user story. Name the empty state, the error, the admin view. Stages land in order. When a stakeholder says “that’s not what I meant,” you change the running app instead of rewriting a doc nobody will reread.
PRD → app
- As a lead, I need a queue
- Filter by SLA
- Escalate
- Audit log
In the product
What you actually get.
Empty and error states
If you name them, they get built. If you don’t, you will demo a happy path that never happens.
Attach files
Mention @src/App.tsx so the agent sees the current tree, not a guess.
Version restore
Bad follow-up? Restore. Keep the meeting moving.
Usage chart
Know when you are burning tokens on polish vs. the core loop.
Handoff that isn’t a PDF
Engineering gets TypeScript. Design still has the iframe.
How
A path you can follow without a call.
01
Write the job
Actor, trigger, success. Skip the architecture paragraph.
02
Build the spine
Home, list, detail, settings. Then the rest.
03
Walk it with the team
Click. Note the three things that feel wrong. Send those as one message.
04
Freeze a checkpoint
Label the version before a risky change.
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.
How do I keep design in the loop?
They sit in the studio or you record the preview. The iframe is the artifact. Figma can follow, not lead, once the flow exists.
Can I import a spec?
Paste it. Long specs work better if you say which screen to build first.
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.