Clean, fast, agent-friendly. Mermaid diagrams, without the bloat.
MMD Studio lets you write Mermaid syntax, see the rendered diagram instantly, and share it with a single link. Local-first, optional sync, and ready to be driven by your AI agent.
What you get
Live preview
Write Mermaid on the left, see the rendered diagram on the right with debounced rendering and syntax-error reporting.
20+ starter templates
Flowcharts, sequence diagrams, class diagrams, gantt charts, sankey, mindmaps, C4, kanban — pick one and start drawing.
Share with a link
Flip a diagram to link-shareable and send a short URL. Viewers get a clean read-only view that renders anywhere.
Sync across devices
Sign in to sync your diagrams to every browser you use, with last-write-wins reconciliation and offline-friendly edits.
Agent integration
Create an API token and point your coding agent at SKILL.md — Claude Code, Cursor, or anything that can fetch a URL.
Local-first
Works fully offline, no account required. Everything you do is instant; syncing is opt-in and invisible when it happens.
Drive it from your agent
Give Claude Code, Cursor, or any tool-calling agent an API token and point it at the skill file. It can create, read, update, and share diagrams on your behalf — all via a clean REST surface.
curl -H "Authorization: Bearer $MMD_TOKEN" \
-H "Content-Type: application/json" \
-X PUT "https://mmd.studio/api/diagrams/$ID" \
-d '{
"title": "Auth handshake",
"code": "sequenceDiagram\n Client->>Server: login\n Server-->>Client: token",
"updatedAt": '"$(date +%s000)"',
"visibility": "link"
}'Start drawing in about five seconds
No account required to get going. Sign in any time you want to sync across devices or share diagrams with other people.
Open MMD Studio