Skip to content
Agents tracked: 444 Releases (7d): 644 Agent status: 6 with issuesSince last limit reset: Claude 30d · Codex 3d Updated Oct 23, 2026

Diagrams your agent can draw

Let your app or agent produce editable hand-drawn diagrams by writing Excalidraw scene JSON, and show them with the open-source editor component.

For your agent: agent.md

Parts

Steps

  1. Have the model output a list of shapes and arrows, then convert it to Excalidraw elements.
  2. Render the scene with the Excalidraw React component so people can keep editing it.
  3. Export PNG or SVG for sharing.

Watch out

  • Embed the editor through the npm package; the excalidraw.com terms forbid framing the site itself.

← All build ideas