🛠️The Builder

The builder is where the work happens. Chat with Claude, watch code stream in, see the live preview update on the right — all in one screen.

Layout

• Left: chat panel. Send prompts, see Claude's plan, switch modes.
• Center: Monaco code editor. File tree at the edge, tabs above.
• Right: live preview. Browser-rendered React Native by default, scan-to-phone via QR.
• Top bar: Save · Share · Publish · History · Settings.

Streaming

Every Claude response streams over Server-Sent Events. You'll see thinking, then file diffs, then a short summary. Stop the stream at any time with the red button — partial work is kept.

History

Every generation creates a checkpoint. Use History in the top bar to roll back to an earlier state. Useful when an experiment goes sideways.