Live preview & workbench
The workbench is where your app comes to life. It has two main parts: the live preview and the code editor.
Live preview
Your app runs in real time in a secure cloud sandbox, streamed straight to the preview. As the AI writes code — or as you edit it — the preview updates instantly. There's nothing to install and no local machine to keep running; because the sandbox is in the cloud, the workbench works the same on a desktop, tablet, or phone.
Use the preview to click through your app exactly as a user would.
Code editor
Open any file to read or edit it yourself. The editor has syntax highlighting and works like a normal code editor. Edits you make are reflected in the preview, and GenVibe stays aware of them for your next message — so you can mix hand-editing with AI changes freely.
The inspector
Need to change one specific element? Turn on the inspector and click the element in the preview. GenVibe then knows exactly which element you mean, so your next instruction (e.g. "make this button bigger") changes only that element instead of guessing.
Errors & logs
The workbench runs your app's dev server in the cloud sandbox. If something fails to start or throws an error, GenVibe surfaces it automatically and can fix it — just say "fix it" (or describe what went wrong) in chat.
Checkpoints
As you build, GenVibe saves checkpoints of your project. If a change goes wrong, you can restore an earlier checkpoint and continue from there.
Last updated
Was this helpful?