Where builders and their agents plan, design, and track the work.

A shared canvas you and your agents work on in real time — and you bring the agent you already use, not a built-in bot you’re stuck with. No login, just share the link.

Watch a build →
Bring your own agent — Claude Code, Cursor, any MCP. No login. Free to start.
live
Claude · designing…
  Acme — Onboarding
1
Bring your own agent Claude Code Cursor Windsurf Any MCP client
Imagine it

Design and prototype at the speed of conversation.

Describe the screen — your agent lays it out on the canvas with real layout, type, and color. Riff on it together, live. No design tool to learn, no handoff.

  • Mockups, wireframes, and moodboards in seconds
  • Edit together in real time — everyone sees every change
  • Real HTML on the canvas, not a flat picture
live
Claude · laying out the hero
  Pricing
Plan it

Visual plans beat a wall of tickets.

Trade linear issue lists for diagrams the whole team can read. An engineer sketches an architecture change; everyone sees the what and the why at a glance.

  • Architecture & flow diagrams, not 12-comment threads
  • Explain a change visually before anyone writes code
  • One link the whole team can follow
live
Track it

Tasks that live on the work itself.

Pin a task to any element on the canvas and link it across boards. The plan and the to-dos are the same surface — no jumping to a separate tracker.

  • Pin tasks to any element — the to-do sits on the thing
  • Check off and reorder right on the canvas
  • Link tasks across boards into a work graph
live
1
2
Tasks 2 / 4 done
Auth flow wired
Empty states
1Polish hero layout
2Mobile nav
Ship it

From canvas to code.Coming soon

Turn a mockup into a real component — export to React, Svelte, and more. It’s on the roadmap and coming soon.

  • Export to React, Svelte & more
  • Clean, framework-native components
  • From idea to PR without the redraw
Hero.tsx
// export → components/Hero.tsx
export function Hero() {
  return (
    <section className="hero">
      <h1>Build with your agents</h1>
      <button>Start a crilo</button>
    </section>
  )
}
Bring your own agent

The agent you already use — not a built-in bot.

Most tools ship one assistant and lock you to it. Crilo connects to the agent you already trust over MCP — so it works the way you already work, with the setup and context you’ve already got.

  • Plug in Claude Code, Cursor, Windsurf — anything that speaks MCP
  • No vendor’s bot to settle for, no new chat to retrain
  • Your agent, your rules — Crilo is the shared surface it draws on
live
Claude Code Cursor Your agent
Crilo canvas one shared surface
How it works

Get going in three steps.

1

Connect your agent

Add the Crilo MCP to Claude Code, Cursor, or any MCP client — one line.

2

Ask it to build

“Mock the onboarding flow.” “Diagram the new pipeline.” “Lay out the sprint.”

3

Watch it live, share the link

It appears on the canvas in real time. Anyone you invite just opens the link — no install, no login.

$ claude mcp add --transport http crilo https://mcp.crilo.app/mcp
For builders of every kind: Solo founders Indie hackers Product teams Agencies
Get started

Start a crilo — free.

No login. A workspace is an unguessable link — possession is access. Bookmark it to return.

Create a workspace

Mints a fresh, unguessable workspace and opens it. You’ll get an MCP snippet to connect your agent.

Open an existing workspace

Anyone with the id has full access — it’s the only credential. Bookmark your workspace to return.
100%