d2-mcp
d2-mcp
MCP-Server für die D2-Diagrammsprache. Kompilieren, validieren und erkunden Sie D2-Diagramme von jedem MCP-kompatiblen KI-Assistenten aus.
Verwendet die native D2-CLI-Binärdatei (wird automatisch im Docker-Image installiert), um Diagramme in SVG und PNG zu kompilieren.
Werkzeuge
Werkzeug | Beschreibung |
| D2-Quellcode → SVG/PNG. Unterstützt Layout-Engines, Designs, Skizzenmodus, dunkle Designs, Multi-Board-Targeting und mehr. |
| Überprüft die D2-Syntax ohne Rendering. Gibt den Gültigkeitsstatus und Fehlerdetails zurück. |
| Listet alle verfügbaren D2-Designs mit IDs auf (hell und dunkel). |
| Listet verfügbare Layout-Engines auf ( |
| Durchsuchen Sie Symbole von icons.terrastruct.com nach Kategorie (AWS, GCP, Azure, K8s, dev, essentials, tech). |
Related MCP server: PlantUML MCP Server
Ressourcen
Ressource | Beschreibung |
| Vollständige Referenz der D2-Sprachsyntax in Markdown. |
Lokale Entwicklung
Voraussetzungen
Node.js 22+
D2 CLI — Installation über d2lang.com oder setzen Sie die Umgebungsvariable
D2_PATHauf den Pfad der Binärdatei.Symbole (optional) — Führen Sie
scripts/download-icons.sh ./iconsaus und setzen Sie dannICONS_DIR=./icons, um die lokale Symbolauflösung zu aktivieren. Ohne dies werden Symbol-URLs unverändert an die D2-CLI weitergeleitet.
npm install
npm run build
npm startFür die Entwicklung mit automatischem Neuladen:
npm run devDer Server startet standardmäßig auf Port 3000 (kann mit der Umgebungsvariable PORT überschrieben werden).
Gesundheitsprüfung:
GET /healthMCP-Endpunkt:
POST /mcp(Streamable HTTP-Transport)
Umgebungsvariablen
Variable | Standard | Beschreibung |
|
| HTTP-Server-Port |
|
| Pfad zur D2-CLI-Binärdatei (wird standardmäßig über |
|
| Verzeichnis mit heruntergeladenen SVG-Symbolen für die lokale Auflösung |
Bereitstellung (Render)
Dieses Projekt enthält ein Dockerfile und einen render.yaml-Bauplan für die Bereitstellung mit einem Klick auf Render. Das Docker-Image installiert automatisch die D2-CLI-Binärdatei und lädt alle Symbole zur Build-Zeit herunter.
Pushen Sie dieses Repository zu GitHub
Erstellen Sie in Render einen neuen Blueprint und verbinden Sie Ihr Repository
Render erkennt
render.yamlautomatisch und führt die Bereitstellung durch
Oder erstellen Sie manuell einen Web Service mit:
Umgebung: Docker
Pfad für Gesundheitsprüfung:
/healthPlan: Kostenlos
Verbindung zum MCP-Server
Nach der Bereitstellung konfigurieren Sie Ihren MCP-Client für die Verbindung über Streamable HTTP:
{
"mcpServers": {
"d2": {
"url": "https://your-service.onrender.com/mcp"
}
}
}Ersetzen Sie die URL durch Ihre tatsächliche Render-Service-URL (oder http://localhost:3000/mcp für lokal).
Optionen für das Kompilier-Werkzeug
Parameter | Typ | Beschreibung | |
| string | D2-Quellcode (erforderlich) | |
|
|
| Layout-Engine (Standard: dagre) |
| boolean | Handgezeichneter Skizzenmodus | |
| integer | Design-ID (siehe | |
| integer | Design-ID für den Dunkelmodus | |
| integer | Auffüllung (Padding) in Pixeln (Standard: 100) | |
| boolean | SVG in der Viewbox zentrieren | |
| number | Skalierungsfaktor (Standard: an Bildschirm anpassen) | |
| string | Ziel-Board für Multi-Board-Diagramme | |
| integer | Animationsintervall (ms) für Multi-Board-SVGs | |
| boolean | XML-Deklaration für HTML-Einbettung weglassen |
Lizenz
MIT
This server cannot be deployed
Maintenance
Related MCP Connectors
Generate dynamic Mermaid diagrams and charts with AI assistance. Customize styles and export diagr…
Create and edit architecture diagrams from your AI agent; get an SVG and a live editable canvas.
Create workflow, sequence, architecture, and mind map diagrams via AI assistants.
Render, validate, encode/decode PlantUML diagram-as-code; 22 diagram types. Free, no auth.
Related MCP Servers
- AlicenseBqualityDmaintenanceEnables AI assistants to generate and render Mermaid diagrams (flowcharts, sequence diagrams, etc.) as PNG/SVG images with local file saving and HTTP access URLs. Supports batch processing and intelligent caching for efficient diagram creation.115 npm1MIT
- AlicenseNot gradedqualityDmaintenanceEnables AI assistants to generate UML diagrams from text descriptions using PlantUML, supporting multiple output formats (PNG, SVG, PDF), syntax validation, and diagram source extraction.10 npmMIT
- AlicenseAqualityDmaintenanceEnables AI assistants to create and validate workflow diagrams using FlowZap's text-based DSL. Generates shareable playground URLs for visualizing flowcharts, process diagrams, and CI/CD pipelines through natural language descriptions.7104 npm5MIT
- FlicenseNot gradedqualityDmaintenanceEnables the dynamic generation of various software development diagrams, such as flowcharts, sequence diagrams, and architecture diagrams, using Mermaid syntax. It includes tools for diagram validation and provides instructions for exporting results to multiple formats including SVG and PNG.-