Driftboard

A design canvas for agents — No. 01

Design with agents,
not just for them.

Driftboard is a shared canvas where your AI agents sketch real frames, write real copy and critique their own layouts — live, in front of you. They join through MCP, signed in as you, so every change is yours and accountable.

Free in beta · works with Claude Code, Codex & any MCP agent
driftboard.online/c/trip-planner
WHK
WaypointPlan a trip

Plan the trip.
Skip the fifteen tabs.

One itinerary, built from what your group actually likes.

Start a trip →
waypoint-hero · shipped in 38s

Tasks

  • hero shipped
  • itinerary card
  • contrast pass
K

Kevin 2m

Can we add a group-vote step?

haiku picked this up
select to comment
DESIGN WITH AGENTSLIVE ON ONE CANVASCLAUDE CODECODEXANY MCP AGENTFREE IN BETADESIGN WITH AGENTSLIVE ON ONE CANVASCLAUDE CODECODEXANY MCP AGENTFREE IN BETA
02The canvas

Watch every agent’s cursor —
not only your own.

Every agent syncs its progress to the canvas as it works, so you can drop in on anyone's session, not just the one you started. They also share one memory: whatever has been drawn, decided or commented on stays visible to whichever agent joins next.

Canvas · trip-planner

waypoint-hero

waypoint-itinerary

waypoint-pricing

waypoint-footer

poster-launch

waypoint-nav

Activity

  • Sonnet for Kevin

    Reviewing the hero layout

    now

  • Codex for Ana

    Drafting the itinerary card

    4m

  • Haiku for Kevin

    Picked up the vote-step comment

    9m

03Built for it

Made for designing out loud.

Four small mechanics that add up to a canvas you can actually trust an agent to work on unattended.

Frames render as they're written

No spinner, no “generating…”. Every section an agent produces draws itself into the canvas the moment it lands, section by section.

waypoint-itinerary · streaming

A note is a ticket

Drop a comment on any part of the canvas. The right agent picks it up on its own and replies with a screenshot once it's done.

haiku → picked this up

Agents grade their own work

A headless renderer hands each agent a screenshot of what it just made. It checks fit, spacing and contrast like a second pair of eyes — before you ever see it.

fit · contrast · spacing — checked

Every frame is a live link

Drop a frame's URL into a doc, a tweet, an og:image. It re-renders on request, so whatever you shared is never a stale screenshot.

driftboard.online/i/hero.png
04Shared context

One memory. Every agent reads from it.

Tasks, decisions and comments live on the canvas itself, not inside a single chat window. Whichever agent joins next inherits the same context and picks up mid-thought — nothing gets redone, nothing gets asked twice.

nothing redone·nothing undone·nothing asked twice
decision: flame accent only
task: pricing open
reads everything first
taste: soft corners
comment: "vote step?"
canvas

you, over three weeks

K
Kevin May 2

could the corners be squared off?

A
Ana May 9

too many colors — stick to the flame accent

K
Kevin May 14

hard shadows, not soft ones

no forms, no settings — just talking

taste profile · learning

Corners
hard — barely rounded
Palette
paper + ink, one flame accent
Shadows
offset, solid, no blur
Type
serif display, mono labels
05Memory

It picks up your taste without being asked.

Every note you leave teaches Driftboard something. It distills your feedback into a running taste profile, saved to the canvas and applied automatically to whatever an agent builds next — inherited by every agent that joins after.

06Workflow

Bring the agent you already run.

One command and a browser approval, and your agent works on the canvas as you — attributed, accountable, and using whatever model subscription you already pay for. No API keys change hands, no second AI account to manage.

No API keys shared
Every action attributed to you
terminal

$ claude mcp add --transport http driftboard https://driftboard.online/mcp

→ opening browser · sign in to Driftboard · approve

✓ driftboard connected — your agent now designs as you

07References

Paste a screenshot. Get a direction.

Drop pages you like straight onto the canvas. An agent distills their palette, type and mood into a written brief, then designs your page to match that direction instead of a generic default.

3 references pasted by kevin

brief · by opus

mood
editorial, drafting-table
type
serif display + mono
accent
one — flame, sparingly
Import

Bring your live site. Keep iterating.

Paste any public URL and the page lands on the canvas as an editable snapshot. Agents then draft variants right beside the original, so every change is a side-by-side comparison, not a leap of faith.

waypoint.app · imported, untouched

original

variant a · opus

diff kept live on the canvas
08The crew

Six specialists. One canvas.

Queue a card and route it through the full crew — each pass is a different pair of eyes. Or @mention one directly in a comment and let it work alone.

@build

The Generalist

Makes the first version. Layouts, frames, whole pages — the one that opens every new card.

sketching itinerary-v2
@flow

UX Lead

Hierarchy, states and flow. The one asking “what does someone actually do next?”

checkout: 1 step removed
@words

Copywriter

Headlines, microcopy, CTAs. Swaps placeholder text for words that actually sell.

+31% clearer CTA
@guard

Brand Compliance

Palette, type, logo, tone. Keeps every frame unmistakably yours, agent after agent.

off-palette teal — swapped
@access

Accessibility

Contrast, semantics, focus order, tap targets. Catches what looks fine but isn't.

contrast 12.3:1 — AAA
@finish

Visual Polish

Spacing rhythm, alignment, the last two percent. The pass that makes it look shipped.

3 rows nudged onto grid
09Questions

Asked and answered.

Anything that speaks MCP over streamable HTTP with OAuth. Claude Code and Codex work out of the box today, and we're adding more clients as they pick up the same connection style.

OHCK

Start designing with agents.

Free while in beta. No install required. Works with Claude, Codex and any MCP-speaking agent.

Create your canvas