Install dgmo into your AI tool in 30 seconds
1.Install
bash
brew install diagrammo/dgmo/dgmo && dgmo --install-claude-code-integration Installs /dgmo skill and MCP server. Restart Claude Code to activate.
1.Install
bash
brew install diagrammo/dgmo/dgmo && dgmo --install-codex-integration Installs dgmo-diagramming skill at ~/.codex/skills/ and MCP server. Restart Codex to activate.
1.Install
bash
npm install -g @diagrammo/dgmo-mcp Add to ~/.cursor/mcp.json (or .cursor/mcp.json in a project root for project-only scope). Create the file if it does not exist.
json
{ "mcpServers": { "dgmo": { "command": "dgmo-mcp" } } }Restart Cursor to activate.
1.Install
bash
npm install -g @diagrammo/dgmo-mcpOpen Claude Desktop → Settings → Developer → Edit Config and add:
json
{ "mcpServers": { "dgmo": { "command": "dgmo-mcp" } } }Restart Claude Desktop to activate.
2.Create a diagram
click to copy
What the MCP server gives your AI
The @diagrammo/dgmo-mcp
server registers ten tools with your AI client. The AI calls them
directly — you don't invoke them by name.
- suggest_chart_type
- — picks a chart type from a plain-English prompt
- render_diagram
- — renders DGMO to SVG or PNG
- share_diagram
- — generates a shareable diagrammo.app URL
- preview_diagram
- — opens an HTML preview in the browser
- open_in_app
- — opens in the Diagrammo desktop app (macOS)
- generate_report
- — bundles diagrams into an HTML report with a TOC
- validate_diagram
- — checks DGMO syntax without rendering
- list_chart_types
- — enumerates every supported type
- get_language_reference
- — returns syntax docs (optionally per type)
- get_examples
- — pulls real-world examples from the gallery
Fetching canonical DGMO grammar for an LLM? Point it at
https://diagrammo.app/reference.