Server data from the Official MCP Registry
Render diagrams (sequence, flowchart, ER, C4, gantt, +more) to SVG/PNG with browser preview
Render diagrams (sequence, flowchart, ER, C4, gantt, +more) to SVG/PNG with browser preview
This MCP server for rendering DGMO diagrams is well-structured with appropriate security controls. Authentication is not applicable (diagram rendering is inherently public), permissions align with the server's purpose (file I/O for temp files, network for browser launch, subprocess for opening apps), and code quality is high with proper input validation via Zod and no hardcoded secrets. Minor issues include broad exception handling in fallback paths and subprocess calls that could benefit from additional safety guards, but these do not materially impact security. Supply chain analysis found 3 known vulnerabilities in dependencies (0 critical, 3 high severity). Package verification found 1 issue.
5 files analyzed · 9 issues found
Security scores are indicators to help you make informed decisions, not guarantees. Always review permissions before connecting any MCP server.
This plugin requests these system permissions. Most are normal for its category.
Add this to your MCP configuration file:
{
"mcpServers": {
"io-github-diagrammo-dgmo-mcp": {
"args": [
"-y",
"@diagrammo/dgmo-mcp"
],
"command": "npx"
}
}
}From the project's GitHub README.
Turn a conversation into a real diagram — without leaving your AI tool.
This MCP server gives Claude (and any MCP-compatible AI tool) the ability to render sequence diagrams, flowcharts, ER diagrams, C4 architecture, gantt charts, and 35+ other chart types from concise text markup — then hand the result off to a full editor for refinement. Ask for a diagram in chat; get a real one back.
Ask in plain language — "diagram the auth flow as a sequence", "chart the Q3 plan as a gantt", "draw our services as a C4 diagram" — and Claude writes the markup and renders it. The markup stays readable and diffable:
flowchart Mutiny Resolution
direction-tb
[Sail] Set sail under the captain
{Trouble?} Discontent in the crew?
{Vote} Crew vote called
[Mutiny] Seize the ship
(Sail) -> (Trouble?)
(Trouble?) -Yes-> (Vote)
(Vote) -Mutiny-> (Mutiny)
→ renders to the flowchart above. All rendering happens locally — no diagram data leaves your machine.
| Tool | What it does |
|---|---|
render_diagram | Render DGMO markup to SVG or PNG |
preview_diagram | Render one or more diagrams and open an HTML preview in the browser |
generate_report | Build a polished multi-section HTML report with ToC and optional source |
list_chart_types | List all supported chart types |
get_language_reference | Get DGMO syntax documentation for accurate generation |
share_diagram | Get a shareable diagrammo.app URL — hand your diagram to the web editor |
open_in_app | Open the diagram straight into the Diagrammo desktop app for editing |
The last two are the bridge out of chat: a diagram Claude generates becomes something you can refine, restyle, and embed — see below.
The MCP server is one entry point into Diagrammo — a whole ecosystem built on the same DGMO markup. Generate in chat, refine in a real editor, embed anywhere:
open_in_app drops an
AI-generated diagram straight into it, with live preview, palettes, and export.share_diagram URLs open right here.npx @diagrammo/dgmo file.dgmo -o out.png, or install via Homebrew.One markup, everywhere. A diagram you generate here renders identically in the app, in your docs, and in Obsidian — because they all speak DGMO.
→ Try it free at diagrammo.app
Add to your project's .claude/settings.local.json (or run
npx @diagrammo/dgmo --install-claude-code-integration to do it automatically):
{
"mcpServers": {
"dgmo": {
"command": "npx",
"args": ["-y", "@diagrammo/dgmo-mcp"]
}
}
}
Add to ~/Library/Application Support/Claude/claude_desktop_config.json:
{
"mcpServers": {
"dgmo": {
"command": "npx",
"args": ["-y", "@diagrammo/dgmo-mcp"]
}
}
}
Restart Claude Desktop after saving — the tools appear automatically.
All rendering is local. Your diagram markup and the images it produces never leave
your machine, except when you explicitly call share_diagram (which encodes the diagram
into a diagrammo.app URL). See the privacy terms.
pnpm hub
One command, one server, one browser tab. The hub opens a tabbed shell over the three AI-tuning dev tools — switch between them with the top tabs, no separate ports or commands to remember:
suggest_chart_type, score prompts live, save back to triggers.json.claude -p.language-reference.md, sliced
into get_language_reference): pick a type, edit how the AI is told to style
it, run a prompt against a committed dataset fixture (so inputs never move
between runs), and see the generated DGMO + rendered image side by side. The
picker doubles as a coverage bar; "Compare 3×" renders no-guidance vs your
tips for a by-eye check; Save validates and writes back to
language-reference.md.These tools are dev-only and never bundled into the published server. (The
standalone pnpm harness and pnpm studio scripts still run a single tool each
if you ever want one in isolation.)
Development setup and the release workflow live in CONTRIBUTING.md.
MIT
Be the first to review this server!
by Modelcontextprotocol · Developer Tools
Web content fetching and conversion for efficient LLM usage
by Toleno · Developer Tools
Toleno Network MCP Server — Manage your Toleno mining account with Claude AI using natural language.
by mcp-marketplace · Developer Tools
Create, build, and publish Python MCP servers to PyPI — conversationally.