How do I install Dgmo?

Dgmo is a local plugin. Install it using npm package: @diagrammo/dgmo-mcp and add the generated configuration snippet to your AI app's MCP config file. Then restart your AI app.

What AI apps work with Dgmo?

Dgmo uses the Model Context Protocol (MCP) and works with any MCP-compatible AI app, including Claude, ChatGPT / Codex, Gemini, Copilot, Cursor, and more.

Back to Browse

Dgmo MCP Server

by Diagrammo

Developer ToolsModerate6.8MCP RegistryLocal

Free

Server data from the Official MCP Registry

Render diagrams (sequence, flowchart, ER, C4, gantt, +more) to SVG/PNG with browser preview

About

Render diagrams (sequence, flowchart, ER, C4, gantt, +more) to SVG/PNG with browser preview

Security Report

6.8

Moderate6.8Moderate Risk

Valid MCP server (2 strong, 4 medium validity signals). 2 code issues detected. 3 known CVEs in dependencies (0 critical, 3 high severity) Package registry verified. Imported from the Official MCP Registry. 2 finding(s) downgraded by scanner intelligence.

5 files analyzed · 6 issues found

Security scores are indicators to help you make informed decisions, not guarantees. Always review permissions before connecting any MCP server.

Permissions Required

This plugin requests these system permissions. Most are normal for its category.

file_system

Check that this permission is expected for this type of plugin.

Shell Command Execution

Runs commands on your machine. Be cautious — only use if you trust this plugin.

clipboard

Check that this permission is expected for this type of plugin.

How to Install

Add this to your MCP configuration file:

{
  "mcpServers": {
    "io-github-diagrammo-dgmo-mcp": {
      "args": [
        "-y",
        "@diagrammo/dgmo-mcp"
      ],
      "command": "npx"
    }
  }
}

Documentation

View on GitHub

From the project's GitHub README.

@diagrammo/dgmo-mcp

MCP server for rendering DGMO diagrams. Works with Claude Desktop, Claude Code, and any MCP-compatible AI tool.

Tools

Tool	Description
`render_diagram`	Render DGMO markup to SVG or PNG
`share_diagram`	Generate a shareable diagrammo.app URL
`open_in_app`	Open diagram in Diagrammo desktop app (falls back to browser if app not installed)
`list_chart_types`	List all supported chart types
`get_language_reference`	Get DGMO syntax documentation
`preview_diagram`	Render one or more diagrams and open an HTML preview in the browser
`generate_report`	Generate a polished HTML report with multiple diagrams, ToC, and optional source

preview_diagram

Renders one or more DGMO diagrams to SVG and opens a self-contained HTML page in the default browser. The page includes a light/dark theme toggle and responsive SVG layout.

Parameter	Type	Default	Description
`diagrams`	`[{ title?, dgmo }]`	(required)	One or more diagrams to preview
`theme`	`'light' \| 'dark'`	`'light'`	Color theme for rendered SVGs
`palette`	`string`	`'nord'`	Color palette
`include_source`	`boolean`	`false`	Show DGMO source in collapsible blocks

A single diagram renders as a simple preview page. Multiple diagrams produce a report-style layout with a table of contents (when >3 sections). If some diagrams fail to render, successful ones are shown with error placeholders for the failures.

generate_report

Generates a polished multi-section HTML report and optionally opens it in the browser. Includes a title, optional subtitle, auto-generated table of contents, per-section descriptions, and a timestamp footer. Suitable for bundling project analysis into a shareable document.

Parameter	Type	Default	Description
`title`	`string`	(required)	Report title
`subtitle`	`string`	—	Optional subtitle
`sections`	`[{ title, description?, dgmo }]`	(required)	Report sections, each with a diagram
`theme`	`'light' \| 'dark'`	`'light'`	Color theme for rendered SVGs
`palette`	`string`	`'nord'`	Color palette
`include_source`	`boolean`	`false`	Show DGMO source in collapsible blocks
`open`	`boolean`	`true`	Open the report in the browser

Setup

Claude Code

Add to your project's .claude/settings.local.json:

{
  "mcpServers": {
    "dgmo": {
      "command": "npx",
      "args": ["-y", "@diagrammo/dgmo-mcp"]
    }
  }
}

Claude Desktop

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.

Development

pnpm install
pnpm build
pnpm typecheck

Reviews

No reviews yet

Be the first to review this server!

More Developer Tools MCP Servers

Git

Free

by Modelcontextprotocol · Developer Tools

Read, search, and manipulate Git repositories programmatically

Toleno

Free

by Toleno · Developer Tools

Toleno Network MCP Server — Manage your Toleno mining account with Claude AI using natural language.

mcp-creator-python

Free

by mcp-marketplace · Developer Tools

Create, build, and publish Python MCP servers to PyPI — conversationally.

Dgmo MCP Server

About

Security Report

Findings (6)Action required

Permissions Required

How to Install

Documentation

@diagrammo/dgmo-mcp

Tools

preview_diagram

generate_report

Setup

Claude Code

Claude Desktop

Development

Reviews

No reviews yet

More Developer Tools MCP Servers

Git

Toleno

mcp-creator-python

MarkItDown

mcp-creator-typescript

FinAgent