Editing After Generation

You don't have to describe every change in chat — the builder gives you direct ways to edit and inspect your app.

Style mode

Click an element in the live preview to select it, then tweak its styling directly without writing a prompt.

Comment mode

Pin comments to specific elements in the preview, then batch-send them to the AI as one instruction — useful for a round of point-and-describe feedback instead of one prompt per change.

Code view

Toggle between Preview and Code to browse and inspect the generated files directly.

Dev Console

A bottom panel with:

• Logs — dev-server / build output.
• Terminal — a real interactive shell for your running project.
• Console / Network — the running app's browser console and network requests.

This lets you debug without leaving the builder.

Checkpoints (version history)

Every successful build or edit is auto-snapshotted. Open the History panel to restore any prior version at any time. Saved projects keep their checkpoint history in the cloud; unsaved/draft projects keep it locally in your browser.

Project files as context

Your active design system (DESIGN.md) and any files you've uploaded or generated are kept as real files in the project and fed back to the AI on later turns — so style and prior decisions stay consistent instead of drifting each time you ask for a change.