\n```\n\nOpen `demo.html` directly in a browser to see it running.\n\n---\n\n## Markup format\n\n```\ntrident\n\ncontainer [color:] [label:\"\"] [at (, )]\nnode ()[] [in ] [at (, )] [color:]\n --> \n -->|| \ntext \"\" at (, ) [style:stickyNote|textBody]\n```\n\nSee `spec.md` for the full grammar and `example.md` for complete working diagrams.\n\n---\n\n## License\n\nMIT\n"}},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Directory","item":"https://plugmcp.ai/mcp"},{"@type":"ListItem","position":2,"name":"Trident","item":"https://plugmcp.ai/mcp/io.github.alexeibespalov-trident"}]},{"@type":"FAQPage","mainEntity":[{"@type":"Question","name":"How do I install Trident?","acceptedAnswer":{"@type":"Answer","text":"Copy the http config for Cursor, Claude Desktop, Claude Code, or VS Code on this page. It uses the publisher's install, not a PlugMCP proxy."}},{"@type":"Question","name":"Does Trident need an API key?","acceptedAnswer":{"@type":"Answer","text":"The publisher lists these environment variables: TRIDENT_API_KEY."}},{"@type":"Question","name":"What transport does Trident use?","acceptedAnswer":{"@type":"Answer","text":"Trident is reached over HTTP."}},{"@type":"Question","name":"When was Trident last checked?","acceptedAnswer":{"@type":"Answer","text":"Last checked 2026-10-16. Create and edit collaborative architecture diagrams with any AI assistant using the Trident 2D DSL."}}]}]}

Trident

by io.github.alexeibespalov

Create and edit collaborative architecture diagrams with any AI assistant using the Trident 2D DSL.

Power your agent

Add this server

The publisher's own URL. Not a PlugMCP endpoint.

Server URL

https://mcp.tridentchart.com/mcp

Credentials from the publisher

TRIDENT_API_KEY — Optional Trident API key for document editing tools. Spec tools work without a key.

Provider

Add in Claude

Claude opens with the name and URL filled in. You still confirm it there.

Claude Code

claude mcp add --transport http io.github.alexeibespalov-trident https://mcp.tridentchart.com/mcp

Run in a terminal.

Claude Desktop

{
  "mcpServers": {
    "io.github.alexeibespalov-trident": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://mcp.tridentchart.com/mcp"
      ]
    }
  }
}

claude_desktop_config.json

Step-by-step: add this in Claude

Remote URL or a command on your machine? How the two installs differ

Run on PlugMCP

Host a copy with our keys and logs.

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.

Launch

Related MCP

Related skills

View all

Questions

How do I install Trident?: Copy the http config for Cursor, Claude Desktop, Claude Code, or VS Code on this page. It uses the publisher's install, not a PlugMCP proxy.
Does Trident need an API key?: The publisher lists these environment variables: TRIDENT_API_KEY.
What transport does Trident use?: Trident is reached over HTTP.
When was Trident last checked?: Last checked 2026-10-16. Create and edit collaborative architecture diagrams with any AI assistant using the Trident 2D DSL.

Trident — Public

Open-source core of Trident — a text-based diagramming tool.

This repo contains the parser, serializer, and read-only renderer. No auth, no collaboration, no dependencies.

What's here

File	Purpose
`parser.js`	Parses Trident markup text → `graphData` object
`trident-serializer.js`	Serializes `graphData` → Trident markup text
`renderer-oss.js`	Read-only renderer: SVG, PNG, interactive canvas
`spec.md`	Full language specification
`example.md`	Working diagram examples
`demo.html`	Browser demo (open directly, no build step)

Quick start

<script type="module">
import { Trident2DParserV2 } from './parser.js';
import { renderToSVG, renderToPNG, mountViewer } from './renderer-oss.js';

const parser = new Trident2DParserV2();

const markup = `trident
container backend color:#4A90E2 label:"Backend"
node api[API Server] in backend at (150, 100)
node db[Database]   in backend at (350, 100)
api --> |Query| db`;

// SVG string
const svg = await renderToSVG(markup, parser);

// Interactive canvas with zoom + pan (no editing)
await mountViewer(document.getElementById('diagram'), markup, parser);

// PNG blob (2× retina)
const blob = await renderToPNG(markup, parser, { scale: 2 });
</script>

Open demo.html directly in a browser to see it running.

Markup format

trident

container <id> [color:<hex>] [label:"<text>"] [at (<x>, <y>)]
node <id>(<icon>)[<label>] [in <container>] [at (<x>, <y>)] [color:<hex>]
<source> --> <target>
<source> -->|<label>| <target>
text <id> "<content>" at (<x>, <y>) [style:stickyNote|textBody]

See spec.md for the full grammar and example.md for complete working diagrams.

License

MIT