Render 29 diagram and chart types to SVG/PNG with browser preview and HTML reports.
Dgmo MCP server exists for a simple reason — assistants are far more useful when they can act on Dgmo directly instead of describing what you should do. Render 29 diagram and chart types to SVG/PNG with browser preview and HTML reports.
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 40+ 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.
Once Dgmo is connected, these are the calls the assistant has available:
render_diagram — Render DGMO markup to SVG or PNGpreview_diagram — Render one or more diagrams and open an HTML preview in the browsergenerate_report — Build a polished multi-section HTML report with ToC and optional sourcelist_chart_types — List all supported chart typesget_language_reference — Get DGMO syntax documentation for accurate generation@diagrammo/dgmo on npm is all you need. Most clients run it directly, so configuration is a few lines and a restart.
Plenty of browser automation servers cover similar ground. The differences that matter in practice are scope of access and how much setup stands between you and a working tool call. Dgmo's toolset — render_diagram, preview_diagram, generate_report and 2 more — is a fair guide to whether it matches your workflow. It is maintained by diagrammo; worth a glance at recent repository activity before you build anything load-bearing on it.
We check each listing at SyncDev against the project's documentation before it goes live — if something here drifts out of date, it is a bug worth reporting.
| 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 |
{
"mcpServers": {
"dgmo": {
"command": "npx",
"args": ["-y", "@diagrammo/dgmo"]
}
}
}Add to claude_desktop_config.json, then restart Claude Desktop.
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
Industrial-strength web extraction — render, scrape, crawl and search entire sites into clean markdown.
The original Chromium automation reference server — simple, screenshot-driven browser control.
Give your coding agent the full DevTools toolbox: traces, network, console, heap snapshots and Lighthouse.
Puppeteer-powered browser control that drives pages from the accessibility tree instead of pixels.
Cloud browsers for AI agents — automation sessions that run in Browserbase's fleet, not on your machine.