Render Mermaid and source-code diagrams via MCP.
Render Mermaid and source-code diagrams via MCP. Exposed over MCP by the vaults diagram tools mcp server, that capability becomes something an assistant can invoke while it works, not something you go and do afterwards.
vaults-diagram-tools is a standalone toolkit for teams that need reproducible Mermaid SVG/JPEG assets, source-code diagrams, and agent-friendly diagram workflows without carrying Vault-specific content.
Content-management workflows outside diagram generation are not part of this package.
Everything the assistant can do here goes through one of these:
render_mermaid_text — render_mermaid_fileLinks — Mermaid source / SVG /
vaults-mermaid-render — Render .mmd or .mermaid files to SVG/JPEG, manifests, and optional PNG/text sidecarsvaults-source-diagrams — Generate Mermaid diagrams from source-code structure, including focused selections and traceability metadatavaults-diagram-mcp — Expose render_mermaid_text, render_mermaid_file, and generate_source_diagrams through MCP stdioInstallation goes through your MCP client rather than a global install: point it at vaults-mermaid-render on npm and it is fetched when the client starts. The copy-paste blocks for Claude Desktop, Claude Code and Cursor are further down this page.
Among the developer tooling options, the useful question is rarely "what can it do" but "what does it cost you to run" — permissions, credentials, and how much of your context its toolset consumes. Vaults Diagram Tools's toolset — render_mermaid_text, Links, vaults-mermaid-render and 2 more — is a fair guide to whether it matches your workflow. It is maintained by Malnati; worth a glance at recent repository activity before you build anything load-bearing on it.
This entry was verified against Vaults Diagram Tools's own documentation before publication; SyncDev keeps the directory reviewed rather than auto-generated.
| Tool | What it does |
|---|---|
| render_mermaid_text | render_mermaid_file |
| Links | [Mermaid source](docs/assets/diagrams/install-usage-flow.mmd) / [SVG](docs/assets/diagrams/install-usage-flow.svg) / [JPEG](docs/assets/diagrams/install-usage-flow.jpg) |
| vaults-mermaid-render | Render .mmd or .mermaid files to SVG/JPEG, manifests, and optional PNG/text sidecars. |
| vaults-source-diagrams | Generate Mermaid diagrams from source-code structure, including focused selections and traceability metadata. |
| vaults-diagram-mcp | Expose render_mermaid_text, render_mermaid_file, and generate_source_diagrams through MCP stdio. |
{
"mcpServers": {
"vaults-diagram-tools": {
"command": "npx",
"args": ["-y", "vaults-mermaid-render"]
}
}
}Add to claude_desktop_config.json, then restart Claude Desktop.
Kill hallucinated APIs — version-accurate, up-to-date library documentation injected straight into context.
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
GitHub's official server — repos, issues, pull requests, Actions and code security, straight from your assistant.
Issue tracking at the speed of conversation — Linear's official hosted server with OAuth and zero install.
Local repository surgery — status, diffs, commits, branches and history for any repo on disk.
Timezone sanity for AI — current time anywhere and correct conversions, without the model doing date math.