Lyra·Forge
← Studio notes

Working with agents on a canvas

Introducing Toucan, a system for collaborating with AI directly on whiteboard tools.

So much of what AI generates for us doesn’t feel malleable. It’s hard to edit an eight-page research report you didn’t write, and a generated diagram can feel the same: you can look at it, but tweaking it means asking for a new one.

Toucan gives you and your agent one shared canvas. Make a precise edit by hand, ask the agent to expand or reorganize a section, and leave questions attached to the parts they’re about. You can work on the details or the whole picture, with the result always there for you to edit.

Read the walkthrough · Try it with your agent · Plain-text walkthrough

Forging Ahead #1 , 4:45 Watch on YouTube.

Working this way helps you think through a problem: spot a missing connection, ask the agent to explore it, then rearrange its answer as your understanding changes. You can hand over a larger pass while keeping the small decisions that make the result yours.

Two altitudes, one diagram

Sometimes drawing a system yourself is how you come to understand it. Other times you need the diagram so you can get on with the work. Toucan lets you move between the two.

You in the browser and your agent in the terminal both edit one shared canvas. You draw, move and leave notes; the agent reads, draws and proposes.
One document. You and your agent are both editing it.

The canvas is an infinite whiteboard in your browser. Your agent—Claude Code, Codex, or another agent that can run a command—works on the same document.

The clips below use staged sample canvases, separate from the episode’s Hamilton example. Playback speed is noted beside each demonstration.

Up close: you, by hand

Drag a box, rename it, draw an arrow—even while the agent is working. You can see its cursor and what it says it’s about to do.

A red You cursor moves Tool catalogue while a violet Claude cursor adds a proposed Waitlist box to the fictional Tessera diagram.
Close in: you move Tool catalogue while the agent adds a dashed Waitlist box below Bookings. Real time. Video version.

Up close also means reading. Boxes keep short names; selecting one opens a card with what’s behind it.

The Odyssey map zooms in and selecting Calypso’s island opens a quotation and navigation to other stops.
An Odyssey example map: select a stop, read its supporting text, then move to another stop. Real time. Video version.

From higher up: the agent

Ask in chat to restructure part of the diagram, and change your mind mid-turn. The result arrives on the same canvas for you to edit.

A request for a waitlist is typed into chat. Codex adds it, then moves it into its own lane after a second message. Some stretches are sped up twelve times.
A real Codex turn on the Tessera example. The accelerated stretches are marked ×12. Video version.

Higher still: routines and the whole system

Routines are saved chores, like “clean this up.” Run one from the Routines menu, then undo the whole change in one step if needed.

The person runs Clean up from the Routines menu. The diagram tidies, then undo restores it.
Run Clean up, inspect the result, then undo it. Real time. Video version.

Zoom out to see summaries of each frame: how many boxes it holds and the connections between frames.

An online shop architecture zooms out until frames become summaries with part counts and connection counts.
Zoom out from the diagram to frame summaries and connection counts. Real time. Video version.

Where the two meet

When the agent proposes a change, it arrives dashed and in place until you accept it.

Tessera’s diagram with a dashed Nightly backups box in a new Operations lane, connected to Postgres by a dashed arrow.
A proposal is dashed until you accept it.
See the accepted versionThe Nightly backups box and its connection are solid after the proposal is accepted.

Ask questions on the boxes they’re about. Each thread keeps the conversation attached to a box or region and can have its own agent.

Two comments on two boxes are worked by two agents, and the first thread opens with its reply. Waiting is sped up six times.
Two threads answered at once. The wait is sped up ×6. Video version.

Use those notes to request changes, too, with the feedback attached to the part that needs attention.

A note near Sign-in and Login page asks for a change. The diagram is updated and the note is resolved.
Located feedback guides a specific change on the diagram. Real time. Video version.

It’s still rough in places; the agent’s layouts are where you’ll want to step in. But you can choose which altitude to work at—a box at a time or the whole picture—and move between them.

Related projects

Our publications, publisher tools, and open source software.

More studio notes