mcpField
D
DiagramZu

DiagramZu

Remote
github.com/yenchiehMedia & Design1Updated 2w ago
Repository

About DiagramZu

DiagramZu is an MCP server for teams that want to create and manage Mermaid diagrams, presentation decks, and Markdown pages through AI clients. Content stays in workspaces, with public sharing left to a deliberate human action.

Key features

  1. 01Create and edit Mermaid diagrams
  2. 02Inspect diagram structure and version history
  3. 03Comment on diagrams
  4. 04Assemble and update presentation decks
  5. 05Manage workspace Markdown pages

Use cases

  1. 01Draft a Mermaid diagram through an AI client
  2. 02Review diagram changes and discuss nodes
  3. 03Build a presentation from existing diagrams
  4. 04Create or revise workspace documentation

MCP support

The hosted HTTP server exposes tools for workspace diagrams, decks, pages, comments, and versions; local stdio is also available. It uses a scoped Bearer token, and has no tool for creating public share links.

Configuration

Remote servers need no local install. Pick your client, then copy the config or install in one click.

Endpointhttps://mcp.diagramzu.ai/mcp
Copy install command
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

Run commands in a terminal; paste JSON into the client’s MCP config and restart. Servers that need sign-in will prompt on first connect.

Tools

Details

From the project README

@diagramzu/mcp

smithery badge

MCP server for diagramzu.ai. Lets Claude Code, Claude Desktop, Cursor, Windsurf, ChatGPT custom GPTs, and any MCP client read and write Mermaid diagrams in your Space.

You author diagrams by talking to your AI — it stores them in your Space at diagramzu.ai/app/d/<id>, where your team can read them and publish a public link.

Available in the official MCP Registry as ai.diagramzu/mcp.

1. Get a token

Sign up at diagramzu.ai, then create an API token at diagramzu.ai/app/settings/connections. Tokens look like dz_live_… and are scoped to one Space — no separate space-id needed.

2. Connect your client

The hosted server is the easy path: no install, no build. Just paste a config.

Claude Code
claude mcp add --scope user --transport http diagramzu https://mcp.diagramzu.ai/mcp \
  --header "Authorization: Bearer dz_live_xxx"
Claude Desktop, Cursor, Windsurf, Cline

Add to your client's MCP config (~/Library/Application Support/Claude/claude_desktop_config.json on macOS for Claude Desktop, ~/.cursor/mcp.json for Cursor, etc.):

{
  "mcpServers": {
    "diagramzu": {
      "type": "http",
      "url": "https://mcp.diagramzu.ai/mcp",
      "headers": { "Authorization": "Bearer dz_live_xxx" }
    }
  }
}
ChatGPT custom GPT (Actions)

In the GPT builder, add an MCP server action pointing to https://mcp.diagramzu.ai/mcp with a Bearer-token authentication header set to your dz_live_… token.

Local stdio (for clients that don't speak remote MCP)
npx -y @diagramzu/mcp

with environment:

DIAGRAMZU_BASE_URL=https://diagramzu.ai
DIAGRAMZU_API_TOKEN=dz_live_xxx
DIAGRAMZU_SPACE_ID=<your space id>   # optional

DIAGRAMZU_SPACE_ID is optional. Left unset, the server uses the token's own default workspace — the one chosen when the token was minted. Set it to pin a different workspace as the default for this process.

Most users should prefer the remote HTTP transport above — the stdio path exists for clients without HTTP MCP support.

Workspaces

A token is scoped either to one workspace or to all the workspaces its owner belongs to, chosen when the token is authorized (the consent page's Access radio, or Settings → API tokens). An account-scoped token follows its owner's live memberships: joining a workspace adds it, being removed from one closes it on the next call.

  • list_spaces shows every workspace this connection can act in, which one is the default, and your role in each.
  • Every other tool takes an optional space — a workspace id, slug, or exact name (case-insensitive). Omit it to act in the default workspace. A name matching more than one workspace is refused rather than guessed; pass the id or slug.
  • Every tool result ends with the workspace it acted in.
  • Returned /app/... links carry ?space=, so opening one switches the browser to that workspace when you are a member.

Tools

ToolDescription
list_spacesList every workspace this connection can act in, with ids, slugs, roles, and which is the default
list_diagramsList diagrams in the Space (filter with q, sort by updated / created)
list_foldersList folders in the Space
get_diagramFetch one diagram by id (title, description, Mermaid source)
create_diagramCreate a new diagram (returns its id and its /app/d/<id> URL)
update_diagramUpdate title, Mermaid source, description, or style of an existing diagram
analyze_diagramGet a structural summary of a diagram (nodes, edges, density)
list_versionsList version history for a diagram
get_versionFetch a specific historical version of a diagram
list_commentsList a diagram's comments, oldest first (optionally only one node's thread)
add_commentPost a comment, optionally pinned to a node or replying to a thread
list_decksList presentation decks in the Space, newest-edited first
get_deckFetch one deck by id, with its ordered slides
create_deckAssemble existing diagrams into an ordered presentation deck
update_deckChange a deck's title, description, or slide order (slides is declarative)
list_pagesList the workspace's Markdown pages (id, title, revision, snippet; filter with q)
get_pageFetch one page by id — the whole body, or just its outline or one section
create_pageCreate a Markdown page (title comes from the body's front matter or first heading)
update_pageEdit a page: targeted edits, or baseRevision + a whole new body

Which URLs are public

Two different things get called "a link" here, and only one of them works for someone outside your Space:

URLWho can open it
diagramzu.ai/app/d/<id>Space members only — the diagram in the app.
diagramzu.ai/app/present/<deck id>Space members only — the deck's presentation view.
diagramzu.ai/app/pages/<id>Space members only — the Markdown page in the app.
diagramzu.ai/s/<slug>Anyone with the link — the public, read-only diagram page.
diagramzu.ai/s/p/<slug>Anyone with the link — the public, read-only deck.
diagramzu.ai/s/pg/<slug>Anyone with the link — the public, read-only Markdown page.

The tools hand back the /app/… URLs, so a link pasted straight out of a chat is a members-only one: send it to someone outside the Space and they land on sign-in. To publish, open the diagram, deck or page in DiagramZu and use its Share button. This MCP server deliberately ships no tool that mints a public link — not because a token cannot (a dz_live_… token can mint one over the REST API), but because publishing a Space's content should be a deliberate human action rather than a side effect of a conversation. Once a diagram has a public link, get_diagram and update_diagram report it on a Share (public, read-only): line of their own.

A Markdown page is shared the same way. diagramzu.ai/s/pg/<slug> is its public, read-only address, minted by a person from the page's Share button, so get_page, create_page and update_page print the members-only /app/pages/<id> URL and point at that button for anything wider. They do NOT look a page's link up: unlike get_diagram they report no Share (public, read-only): line, so a page's public address is something a human hands over, not something an agent discovers.

Show off your setup

If you publish your MCP / Claude Code config in a dotfiles or example repo, drop this in the README so the next person knows where the diagrams come from:

[![MCP: diagramzu](https://diagramzu.ai/badge/mcp.svg)](https://diagramzu.ai)

Renders as a small shields-style badge — gray MCP + indigo diagramzu.

Local development (this repo)

For hacking on diagramzu itself, build from source:

cd packages/mcp-diagramzu
pnpm install
pnpm run build
# point your client at: node dist/index.js
# with DIAGRAMZU_BASE_URL / DIAGRAMZU_API_TOKEN (DIAGRAMZU_SPACE_ID optional)

License

MIT

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.