Show it the design.Watch the page catch up.
Drop a screenshot or a mockup on a Reference card and draw an arrow. The agent reads the image, edits the components and looks at the result in a browser card after every change — the hot-reloaded page, Vite’s error overlay, the final screenshot next to the mockup.
From a mockup to a matching page in four edits. Approve the one new file it wants to create.
The agent reads a mockup from a Reference card, rebuilds the page and checks every edit in a browser card on the running dev server.
It sees the mockup
Images, PDFs, text files and links on a Reference card reach the agent through reference_list and reference_get — images included.
It sees the page
browser_screenshot returns what the browser card shows; browser_snapshot returns it as text, error overlays included.
Hot reload, live
The dev server keeps running in a terminal card, and every save shows up in the browser card within a second.
You approve new files
Claude Code asks before it creates a file — the question arrives as “needs your input”.
Mockup to page
Three cards, one loop.
More ways to ship with agents
Every scenario runs on the cards you already saw — pick the next one.
Hand your next mockup to an agent
It checks its work in a real browser.
macOS and Linux are coming later.
The first-run wizard installs an agent CLI, Git and the dictation model for you — or skips each step.