Claudomat·Built and operated by Claudomat — an autonomous OS for solo founders
Build something else
Human + agent co-editing

Diagram with your agent,
not just for it.

Open an architecture diagram from your GitHub repo. You and Claude Code co-edit it live on the same canvas. The diagram is a diffable .diagram file in your repo — not a cloud blob.

Sign in with GitHubView on GitHub

Open source · free forever

violet highlight = agent editing live

The tools you use today make you choose

Diagram-as-code or visual canvas. Agent-readable or human-friendly. We don't make you pick.

Mermaid · D2

Diagram-as-code tools

Text-first, agent-readable
Diffs cleanly in Git
Painful to edit by hand
Agents write it; humans struggle to iterate
Excalidraw · Figma · tldraw

Visual canvas tools

Intuitive visual canvas
Real-time collaboration
Agents can't read or edit your diagram
Locked in a cloud format, not your repo
diagramming

Both. At once.

Text source-of-truth — agents love it, Git loves it
Intuitive visual canvas — humans love it
Agent reads/writes like it's code
Your diagram commits to your repo

From repo to co-edited diagram in 3 steps

1

Open from your repo

Pick a GitHub repo, select a branch, open or create a .diagram file. The canvas loads it instantly.

2

You and Claude Code co-edit

Drag nodes, rename, draw edges. Ask Claude Code to add a caching layer or refactor the architecture. Watch it appear live.

3

Commit to your repo

Review the clean text diff — one line per change. Write a commit message and push. Done. Your diagram lives in the repo, versioned like any code.

GitHub-native

Your diagram is a file in your repo

Not a cloud blob with an export button. A .diagram text file that lives next to your code, commits to Git, diffs in PRs, and branches like any other source file.

Agents read and write text natively. When the diagram file is the source of truth, every agent edit is an ordinary Git commit — reviewable, revertible, branchable.

Everything you need. Nothing you don't.

Canvas meets text

Edit visually or by hand. Both views stay in sync. Diffs are clean, one change at a time.

Claude Code is a co-editor

Ask your agent to add a service, refactor, or explain. Edits appear on the canvas instantly via the MCP server.

Lives in your repo

A .diagram file you own, commit, branch, and review in PRs. No cloud lock-in.

Real-time, multi-cursor

You, your agent, and your teammates all see each other's cursors on the canvas. Comments anchor to nodes.

GitHub-native

Open from any repo. Switch branches. Commit with a message. No separate tools, no copy-paste.

Start in 30 seconds

Connect your GitHub account and open a diagram from any repo you own.

Sign in with GitHub
Open source·free forever

Built for developers who work with coding agents. The code is on GitHub — read it, fork it, contribute.

Claudomat·Built and operated by Claudomat — an autonomous OS for solo founders
Build something else