Drawgent puts Claude Code on a live Excalidraw canvas

Make Claude your assistant in excalidraw

Drawgent puts Claude Code on a live Excalidraw canvas

Drawgent connects your own Claude Code, Codex, or opencode to an Excalidraw whiteboard. Ask for a diagram in the chat panel, or write AGENT: next to a shape. The agent views the canvas via screenshot and scene, edits it live, then marks the note DONE. It can also join shared excalidraw.com rooms as a collaborator. Setup handles the ACP bridge and headless Chrome; the scene is stored in .drawgent/scene.json.

The agent looks at the canvas (screenshot + scene), edits it live, checks the result, and marks the note DONE.
  1. ramoz

    I think many folks are underutilizing or underestimate the power of HTML.

    There's been a few of these things on the front page lately. Including false "whiteboards" that are DSL abstractions over things like React Flow...

    I've done quite a bit with Excalidraw MCP and the models had to deal with a lot of JSON data and estimating/computing with bounding box and pixel point numbers.

    But with HTML, the agents get the natural semantics/styling capabilities and basically zero abstraction. The recent models can draw exceptionally well any form of logical/conceptual/flow diagram.

  2. seemaze

    Excalidraw offers their own open source first party MCP endpoint[0] and server[1]:

    [0]https://mcp.excalidraw.com

    [1]https://github.com/excalidraw/excalidraw-mcp

  3. armanj

    I've had a fairly thorough exploration of how I can give my agent a whiteboard so we can work on architectures together. To my surprise, current solutions (including Excalidraw) were not good enough and didn't deliver what I wanted. I ended up finding Mermaid to be the most agent-friendly medium and coded an Obsidian plugin for it. It works okay; we can work on the same doc while I bring my own AI agent, and we can brainstorm together.

    https://community.obsidian.md/plugins/mermaid-relay

  4. 4ndrewl

    YMMV, but the value I get from producing a diagram is derived from the thinking. Thinking about what I'm trying to draw leads to understanding about where my/my team's knowledge is poorer, what assumptions we're making, etc.

  5. brumar

    This is crazy. My claude chess stuff is (edit: was) currently near yours on the front page and noticed your post. I have a project very close than yours that I hesitated to share. From a quick glance, we went for a similar approach. I just open sourced it so that you can compare implementation notes. https://github.com/brumar/whiteboard-agents . It's not thoroughly tested but can be interesting to check.

More from this day

2026-09-26