Skip to content
NewIntroducing Prototyper 1.0

Design. Build. Ship.

One canvas. Designers, engineers, and agents shipping the same artifact. Every idea you draw becomes real, running code. Try ten, keep the one. The prototype is the product.

draw it. run it. ship it.

Everything on the canvas is real. The prototype is the product.

  • The canvas writes back.

    Move a shape and the code follows. Edit the code and the canvas catches up. One living artifact, from first sketch to production.

    Tour the canvas
  • Your favorite agent, on canvas.

    Claude Code, Codex, Cursor, or Copilot can read your files, write real React, and open PRs while the result appears beside you.

    Meet your agents
  • Humans get cursors. Agents get ghosts.

    Everyone works from the same files in the same room. See who is doing what, then ship the same running product together.

    See multiplayer
01

One view, everything in flight. Files, apps, and agents in the same surface.

02
Sara
main
tests

Direct three agents at once.

Spin one up for the UI, one for the tests, one for the copy. Watch them work in parallel, on the same canvas. Skip the status meetings; the work is the status.

03
Button
Create account
App.tsx
<Button variant="primary">
Create account
</Button>

Edit either side.

Move a shape, the code updates. Edit the code, the shape updates. The design and the code are the same artifact — you only have to think about it once.

04
github · prototyper-cosynced
drive · Design Filessynced
mcp · canvas-toolsready

Open with your stack already loaded.

GitHub, Drive, Linear, Notion, Figma, MCP servers, your CI — even your homegrown tooling. All readable from the canvas, the way they live on your computer. Open the workspace and your stack is already there.

bring your favorite agent

Open Claude Code. Paste one line. Your agent now works on the canvas.

Open Claude Code, Codex, Cursor, or GitHub Copilot. Paste the install line below. The same agent you already use reads your files, writes to your apps, and opens real PRs — straight from your terminal, live on the Prototyper canvas.

~/my-project — claudemcp connected
$ claude
> Open my Prototyper workspace
[prototyper-mcp] connected · 3 agents · 2 apps · 11 files
> What's main agent up to?
agent · main · idle
agent · ui-builder · 3 writes (sign-up-loop)
agent · chat-builder · 2 writes (chat-loop)
> Add an Email field to sign-up-loop
wrote /apps/sign-up-loop/components/EmailField.tsx
>
What's in the box

One subscription, the work of five tools.

Design tool, AI generator, editor, preview host, project tracker — all in one place, all connected. Everything you'd otherwise glue together.

Ship real code

What you see is what you ship

Match your brand

Your tokens, on every render

Direct your agents

Steer them like teammates

See it the second it runs

No build step, no waiting

Start with the primitives

50+ typed, accessible, ready

Work from anywhere

CLI, SDK, your editor of choice

Send a link, you’re done

Reviewers see the running thing

Keep your stack

GitHub, Drive, Cursor, MCP

And every other thing you're wondering — yes.

Can I bring my own Claude Code or Codex subscription?

Can I keep my design tokens and component library?

Can my agent read my GitHub repo?

Can multiple agents work on the same canvas?

Can I sketch on the canvas and have an agent build it?

Can I export the code to my own repo any time?

Can a designer use this without writing code?

Can I run three variants of a design side by side?

Can I see what each agent changed?

Can I mount Prototyper into Cursor or VS Code?

Can I cancel anytime and take my work with me?

Can I work on this from inside my terminal?

FromThijs Verreck · founder
SubjectWhy use Prototyper?

Hey there,

There's a good chance we know why you're here.

You're trying to ship something. You have flows to design, components to build, a design system to apply, agents to direct, code to review, deadlines to hit, and a real product to put in front of real users.

Prototyper brings the design tool, agent, editor, repo, and project context onto one canvas. Your idea keeps its momentum because every part of the work stays within reach.

Design used to mean pictures because pictures were all you could deliver. Now an agent can write the code, so the design can be the code. The picture is the smallest part of the work — the skills you give the agent, the plans you write together, and the tools you wire it into are the rest.

That changes what a design can be. It can hold the brief, the brand, the agent's work, and the running product at the same time — ready to explore, review, and ship.

A while back I found myself in the same situation. I wanted to design fast and ship the real thing. I wanted the canvas to be the artifact, not the brief. I wanted the agent, the data, the tools, and the brand to sit next to the canvas, not five tabs away. Nothing fit. So I built Prototyper.

Today, Prototyper is the canvas where designers, engineers, and agents work on the same surface — yours, ours, and the Claude Code or Codex you already pay for. What you think of runs. The prototype is the product.

The canvas is the first room we've shipped, but the substrate underneath it isn't for design alone. It's how we think every team should work — humans and agents on the same surface, the same files, the same accountability. Our mission, plainly, is to make every company agent-native. The canvas is where that starts.

Thanks for checking Prototyper out. Bring your Claude Code or Codex subscription if you have one — we plug right in. Give it a try. We'd be honored to have you as a customer.

Thijs Verreck signatureThijs Verreck · founder
The community

10,000+

real React apps shipped from the canvas — by indie devs, designers, and product teams turning first sketches into running products while the idea is still fresh.

Start building with Prototyper.

Open the workspace. Drop in an idea. Let an agent take the first shot. Ship the same artifact you sketched.