Running the prototype
The AI writes a real, runnable prototype; you run it with ⌘R in an isolated container and get a shareable live preview URL.
6 min read
Artifacts
In one line: the prototype turns an idea you describe in words into an app you can actually *click*. Use it when you want to show your idea as a real screen, not a drawing. You need zero coding knowledge — describe what you want and the AI writes the code for you.
Container
A safely isolated little box where your prototype runs. The app runs inside it, so you install nothing on your own computer.
Runtime
The environment that actually runs the app — the "how to run it" (Node vs. Python). nidavellir picks it for you automatically.
Live preview URL
A web address for the running prototype. Send the link and others can open and click it right in their browser.
The prototype (⌘6) is not a mockup — it is a real, running app. The AI writes the project files, and you run them with ⌘R. You get something you can actually click and type into, not a picture.
Describe in chat
AI writes files
Run with ⌘R
Preview & share
The prototype flow — describe it, the AI writes the code, run it, and share the live preview.
The prototype tab — live preview with device frame
Run & preview
Device-frame toggle
AI chat
The running prototype appears live; the device frame previews desktop, tablet and phone.
Try this first
The more specific you are about the screen you want, the better. Start like this.
Make an app
“Make a to-do list app with a login screen.”
Change the style
“Change the button color to our brand color.”
Make it responsive
“Make this screen look good on a phone too.”
Describe what you want in chat.
The AI starts writing the necessary files automatically.
Press ⌘R to run it.
After a moment, a working screen appears on the right.
Toggle the device frame to check phone and tablet views.
Click the desktop / tablet / phone buttons to check responsiveness.
Container runtimes
The prototype runs inside an isolated container. The runtime is auto-detected — Node + Vite when a package.json is present, or Python when there is a requirements file. No setup on your part.
Device-frame toggle: switch between desktop, tablet and phone with one click to check responsiveness.
Live preview URL: a running prototype gets a stable preview URL you can share as a link.
A "restart needed" badge appears when the prototype changed after the last run. Press ⌘R to run it again and see the latest state.
Do I need to know how to code?
No, none at all. Describe what you want in plain words and the AI writes the code for you.
It will not run, or the screen is blank.
First press ⌘R to run again. A "restart needed" badge means your last change is not applied yet. If it still fails, ask the chat to "fix the error".
Still need help?
Reach our team and we’ll help you out.