Power your agent
पब्लिशर की अपनी कमांड। PlugMCP एंडपॉइंट नहीं।
Host a copy with our keys and logs.
npx -y @diagrammo/[email protected]Claude Code में लोकल कमांड के लिए इंस्टॉल लिंक नहीं है। नीचे दी गई कमांड कॉपी करें और टर्मिनल में चलाएँ।
claude mcp add diagrammo-dgmo-cli -- npx -y @diagrammo/dgmo-cli@0.100.0टर्मिनल में चलाएँ।
{ "mcpServers": { "diagrammo-dgmo-cli": { "command": "npx", "args": [ "-y", "@diagrammo/[email protected]" ] } }}claude_desktop_config.json
रिमोट URL या आपकी मशीन पर कमांड? दोनों इंस्टॉल में क्या अंतर है
PlugMCP पर चलाएँ
A new server you create. It is not this listing's official endpoint. Use the publisher install when you want their URL and their credentials.
लॉन्चपब्लिशर से
@diagrammo/dgmoWrite plain-text .dgmo files, get clean, themeable diagrams and charts. One markup language, 50+ chart types — flowcharts, sequence diagrams, ER, org charts, C4, gantt, maps, bar/line/pie, and a lot more.
Render DGMO diagrams to PNG or SVG from the terminal, and wire the DGMO MCP server into AI editors.
sequence Boarding the Marauder
Quartermaster -Hoist the colors-> Crew
Crew -Aye, captain-> Bosun
Bosun -Heading 270-> Helm
Helm -On course-> Quartermaster
That's a complete diagram. No coordinates, no XML, no drag-and-drop — just text you can diff, review, and version like any other source file.
Want a richer editing experience than a text file? The Diagrammo desktop app (native macOS, offline, auto-updating) and the online editor (any browser, nothing to install) turn DGMO into a full authoring environment:
.dgmo files are plain text on disk, work fully offline, and never go stale the way an exported image doesBecause every diagram is just text, it lives in git, diffs cleanly in PRs, and drops straight into your docs, your AI tools, or any web page.
→ Start at diagrammo.app
# Library
npm install @diagrammo/dgmo
# CLI (macOS and Linux)
npm install -g @diagrammo/dgmo-cli
# CLI (no install)
npx @diagrammo/dgmo-cli diagram.dgmo
Homebrew and Arch/Omarchy (pacman) installs of the CLI are listed at diagrammo.app/dev.
dgmo # creates a sample.dgmo to get you started
dgmo diagram.dgmo # → diagram.png
dgmo diagram.dgmo -o out.svg # → SVG (format from extension)
cat diagram.dgmo | dgmo > out.png # pipe in, PNG to stdout
dgmo diagram.dgmo --theme dark --palette catppuccin
Render any diagram to an SVG string — no browser, no visible DOM:
import { render } from '@diagrammo/dgmo';
const { svg } = await render(
`
bar Revenue by Quarter
Q1 12
Q2 19
Q3 15
Q4 22
`,
{ theme: 'light', palette: 'slate' }
);
render() auto-detects the chart type and dispatches to the right engine. Need the lower-level parsers, config builders, and per-type renderers? They live under the @diagrammo/dgmo/advanced subpath — see the docs for the full surface and stability contract.
Add one <script> tag and every <pre class="dgmo"> block renders on load:
<script src="https://cdn.jsdelivr.net/npm/@diagrammo/dgmo-standalone/dist/auto.js"></script>
<pre class="dgmo">
pie Crew Rations
Grog: 58
Hardtack: 21
Limes: 21</pre
>
Prefer an explicit element? Use <dgmo-diagram> from the same package:
<script src="https://cdn.jsdelivr.net/npm/@diagrammo/dgmo-standalone/dist/element.js"></script>
<dgmo-diagram palette="slate"
>pie Crew Rations Grog: 58 Hardtack: 21 Limes: 21</dgmo-diagram
>
Theme detection, copy button, and "open in editor" come for free. Full config, framework recipes (Astro, Docusaurus, Hugo, MkDocs), self-hosting, and CSP guidance: diagrammo.app/embed.
Using a docs framework? First-class plugins wrap all of this:
remark-dgmo · astro-dgmo · docusaurus-plugin-dgmo · fumadocs-dgmo · nextra-dgmo · vitepress-dgmo
Claude, Cursor, Codex, and other agents can author and render DGMO directly. One command sets up every assistant you have — no second package, no prompts:
dgmo install
It auto-detects Claude Code, Codex, Claude Desktop, Cursor, Windsurf, and Copilot and wires each one to the bundled MCP server. More: diagrammo.app/ai.
Data charts — bar · line · area · pie · doughnut · radar · polar-area · bar-stacked · multi-line · scatter · heatmap · funnel · sankey · chord
Visualizations — slope · wordcloud · arc · timeline · venn · quadrant · tech-radar · cycle · pyramid · ring · function · map
Diagrams — sequence · flowchart · class · er · org · c4 · state · infra · kanban · sitemap · mindmap · gantt · pert · journey-map · boxes-and-lines · wireframe · raci · rasci · daci
Beta — expect rough edges and syntax changes: c4, sketch, venn, whiteboard. dgmo types marks them too.
Every chart type is categorized with live examples at diagrammo.app/reference.
Each type's full syntax, directives, and options live in the Language Reference — the authoritative spec.
Built-in palettes, each with light, dark, and transparent variants:
slate (default) · atlas · blueprint · tidewater · nord · catppuccin · tokyo-night
Register your own with registerPalette(). Color helpers (getPalette, tint, mute, contrastText, …) and Mermaid theme-variable generation ship from the package too — see the docs.
Syntax highlighting and autocomplete for .dgmo files ship as ready-to-use exports:
@diagrammo/dgmo/highlight — standalone highlighter@diagrammo/dgmo/editor — CodeMirror 6 language supportBoth back the desktop app and the live editor.
pnpm install
pnpm build # tsup → dist/ (ESM + CJS + CLI)
pnpm test # vitest
pnpm typecheck
MIT © Demian Neidetcher
Render DGMO diagrams to PNG or SVG from the terminal, and wire the DGMO MCP server into AI editors.
{ "mcpServers": { "diagrammo-dgmo-cli": { "command": "npx", "args": [ "-y", "@diagrammo/[email protected]" ] } }}टूल
अभी टूल सूची नहीं है। रिमोट सर्वर को पहले हेल्थ चेक के बाद सूची मिलती है।
FAQ
इस पेज पर Cursor, Claude Desktop, Claude Code या VS Code के लिए stdio कॉन्फ़िग कॉपी करें। यह पब्लिशर का इंस्टॉल इस्तेमाल करता है, PlugMCP प्रॉक्सी नहीं।
इस रिकॉर्ड में कोई ज़रूरी एनवायरनमेंट वेरिएबल दर्ज नहीं है।
@diagrammo/dgmo Cli stdio पर लोकल चलता है।
पिछली जाँच 2026-11-14 को हुई। Render DGMO diagrams to PNG or SVG from the terminal, and wire the DGMO MCP server into AI editors.