/ Verzeichnis / Playground / Markmap MCP Server
● Community jinzcdev ⚡ Sofort

Markmap MCP Server

von jinzcdev · jinzcdev/markmap-mcp-server

Verwandeln Sie jede Markdown-Gliederung mit einem Tool-Aufruf in eine interaktive Mindmap – Schwenken, Reduzieren, Exportieren in PNG/JPG/SVG.

markmap-mcp-server verpackt den Open-Source-Markmap-Renderer als MCP-Tool. Füttere Markdown mit verschachtelten Überschriften oder Aufzählungslisten und erhalte eine HTML-Mindmap zurück, die in deinem Browser geöffnet wird (automatisch startbar) und in PNG/JPG/SVG exportiert wird. Nützlich für Besprechungszusammenfassungen, Brainstorming-Aufzeichnungen, Lernnotizen und immer dann, wenn ein flacher Umriss leichter als Baum betrachtet werden kann.

Warum nutzen

Hauptfunktionen

Live-Demo

In der Praxis

markmap-mcp-server.replay ▶ bereit
0/0

Installieren

Wählen Sie Ihren Client

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "markmap-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@jinzcdev/markmap-mcp-server"
      ],
      "env": {
        "MARKMAP_DIR": "/path/to/output"
      }
    }
  }
}

Öffne Claude Desktop → Settings → Developer → Edit Config. Nach dem Speichern neu starten.

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "markmap-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@jinzcdev/markmap-mcp-server"
      ],
      "env": {
        "MARKMAP_DIR": "/path/to/output"
      }
    }
  }
}

Cursor nutzt das gleiche mcpServers-Schema wie Claude Desktop. Projektkonfiguration schlägt die globale.

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "markmap-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@jinzcdev/markmap-mcp-server"
      ],
      "env": {
        "MARKMAP_DIR": "/path/to/output"
      }
    }
  }
}

Klicken Sie auf das MCP-Servers-Symbol in der Cline-Seitenleiste, dann "Edit Configuration".

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "markmap-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@jinzcdev/markmap-mcp-server"
      ],
      "env": {
        "MARKMAP_DIR": "/path/to/output"
      }
    }
  }
}

Gleiche Struktur wie Claude Desktop. Windsurf neu starten zum Übernehmen.

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "markmap-mcp-server",
      "command": "npx",
      "args": [
        "-y",
        "@jinzcdev/markmap-mcp-server"
      ]
    }
  ]
}

Continue nutzt ein Array von Serverobjekten statt einer Map.

~/.config/zed/settings.json
{
  "context_servers": {
    "markmap-mcp-server": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "@jinzcdev/markmap-mcp-server"
        ]
      }
    }
  }
}

In context_servers hinzufügen. Zed lädt beim Speichern neu.

claude mcp add markmap-mcp-server -- npx -y @jinzcdev/markmap-mcp-server

Einzeiler. Prüfen mit claude mcp list. Entfernen mit claude mcp remove.

Anwendungsfälle

Praxisnahe Nutzung: Markmap MCP Server

Verwandeln Sie Besprechungsnotizen in eine Mindmap zum schnellen Teilen

👤 PMs, Teamleiter führen notizenintensive Synchronisierungen durch ⏱ ~10 min beginner

Wann einsetzen: Nach einem Meeting, wenn eine flache Aufzählungsliste den Verlauf der Diskussion verbirgt.

Voraussetzungen
  • Knoten 18+ — NVM-Installation 18
Ablauf
  1. Lassen Sie den Agenten Markdown entwerfen
    Fassen Sie das heutige Planungsmeeting als verschachtelte Markdown-Gliederung mit Themen der obersten Ebene zusammen.✓ Kopiert
    → Gliederung hat 3–5 Hauptthemen und verschachtelte Unterpunkte
  2. Machen
    Führen Sie Markdown-to-Mindmap für diese Gliederung aus und öffnen Sie sie im Browser.✓ Kopiert
    → Es öffnet sich eine interaktive Mindmap; Knoten werden ein-/ausgeblendet
  3. Export
    Exportieren Sie die Karte in SVG und legen Sie die Datei im Teamdokument ab.✓ Kopiert
    → SVG unter MARKMAP_DIR gespeichert

Ergebnis: Eine gemeinsam nutzbare Mindmap, die die Form des Meetings kodiert, nicht nur seine Worte.

Fallstricke
  • Umriss zu flach – alles wird zu einem Knoten der obersten Ebene — Verschachtelung erzwingen: Fragen Sie nach Themen → Unterpunkten → unterstützenden Fakten
Kombinieren mit: filesystem

Erstellen Sie eine Lernkarte aus einem Lehrbuchkapitel

👤 Studenten und lebenslange Lernende ⏱ ~20 min beginner

Wann einsetzen: Sie haben ein Kapitel gelesen und möchten ein einzelnes Bild, das Sie vor einer Prüfung noch einmal durchsehen können.

Ablauf
  1. Fassen Sie das Kapitel zusammen
    Fassen Sie Kapitel 4 von <book> als hierarchische Markdown-Gliederung zusammen.✓ Kopiert
    → Übersichtlicher Themenbaum
  2. Rendern und exportieren
    Erstellen Sie eine Mindmap und speichern Sie sie als PNG in ~/study/.✓ Kopiert
    → PNG-Datei zur Überprüfung bereit

Ergebnis: Eine visuelle Lernhilfe, deren Scannen Sekunden dauert.

Kombinieren mit: paper-fetch-skill

Entwerfen Sie eine informelle Architekturkarte, bevor Sie ein vollständiges Diagramm schreiben

👤 Ingenieure skizzieren, bevor sie sich zu draw.io/figma verpflichten ⏱ ~15 min intermediate

Wann einsetzen: Sie möchten ein zweiminütiges „Talk-Track“-Diagramm und kein ausgefeiltes Architekturdokument.

Ablauf
  1. Listen Sie Dienste in Markdown auf
    Skizzieren Sie die Dienste in diesem Repo als verschachtelten Markdown-Baum, gruppiert nach Domäne.✓ Kopiert
    → Die gruppierte Gliederung spiegelt die Codebasisstruktur wider
  2. Machen
    Verwandeln Sie es in eine Mindmap und exportieren Sie SVG.✓ Kopiert
    → SVG können Sie in das Designdokument einfügen

Ergebnis: Ein Talk-Track-Diagramm in Minuten; Aktualisieren Sie später nur bei Bedarf auf ein echtes Architekturdiagramm.

Fallstricke
  • Behandeln Sie es als das letzte Artefakt — Nutzen Sie es als Denkwerkzeug; Ersetzen Sie es vor der Veröffentlichung durch ein formales Diagramm
Kombinieren mit: mermaid-skill

Kombinationen

Mit anderen MCPs für 10-fache Wirkung

markmap-mcp-server + filesystem

Lesen Sie ein langes Dokument, fassen Sie es in einer Markdown-Gliederung zusammen und rendern Sie es als Mindmap

Lesen Sie ./notes/long-doc.md, erstellen Sie eine verschachtelte Gliederung und rendern Sie sie dann als Mindmap.✓ Kopiert
markmap-mcp-server + mermaid-skill

Wählen Sie das richtige Bild aus – Meerjungfrau für Flows, Markmap für Hierarchien

Entscheiden Sie, ob es sich um einen Fluss (Meerjungfrau) oder eine Hierarchie (Markmap) handelt, und rendern Sie entsprechend.✓ Kopiert
markmap-mcp-server + paper-fetch-skill

Rufen Sie die Zusammenfassung/Abschnitte einer Arbeit ab und ordnen Sie die Argumentstruktur zu

Holen Sie sich das Papier, extrahieren Sie Abschnittsüberschriften und Schlüsselpunkte und stellen Sie das Argument als Mindmap dar.✓ Kopiert

Werkzeuge

Was dieses MCP bereitstellt

WerkzeugEingabenWann aufrufenKosten
markdown-to-mindmap markdown: str, open?: bool Konvertieren Sie eine verschachtelte Markdown-Gliederung in eine interaktive Mindmap 0

Kosten & Limits

Was der Betrieb kostet

API-Kontingent
Keine – wird lokal gerendert
Tokens pro Aufruf
Klein: Umrissgröße
Kosten in €
Frei
Tipp
Um die Lesbarkeit zu gewährleisten, beschränken Sie die Umrisse auf etwa 100 Knoten. Größere Karten lassen sich nur langsam schwenken/exportieren.

Sicherheit

Rechte, Secrets, Reichweite

Credential-Speicherung: Keine Anmeldeinformationen – Offline-Rendering
Datenabfluss: Kein Netzwerkausgang. Schriftarten und JS lokal gebündelt.

Fehlerbehebung

Häufige Fehler und Lösungen

Der Browser wurde nicht geöffnet

Legen Sie open=false fest und öffnen Sie den zurückgegebenen HTML-Pfad manuell. Bestätigen Sie, dass ein Standardbrowser registriert ist.

Prüfen: open $(returned_path) on macOS
Das exportierte PNG ist leer

Warten Sie eine Sekunde, bis die Karte vollständig gerendert ist, bevor Sie sie exportieren. Erhöhen Sie die Verzögerung in der Konfiguration oder führen Sie den Export zweimal aus.

Prüfen: Open the HTML in a browser and check it renders before export
Berechtigung zum Schreiben in MARKMAP_DIR verweigert

Zeigen Sie mit MARKMAP_DIR auf einen beschreibbaren Pfad in Ihrem Home-Verzeichnis.

Prüfen: touch $MARKMAP_DIR/.probe && rm $MARKMAP_DIR/.probe

Alternativen

Markmap MCP Server vs. andere

AlternativeWann stattdessenKompromiss
mermaid-skillIhre Daten sind ein Fluss oder eine Sequenz, keine HierarchieAnderes Diagrammparadigma
excalidraw-skillSie möchten handgezeichnete, skizzenhafte BilderKein automatisches Layout; manuelle Positionierung
antv-chartSie benötigen statistische Diagramme, keine MindmapsAndere Ausgabeklasse

Mehr

Ressourcen

📖 Offizielle README auf GitHub lesen

🐙 Offene Issues ansehen

🔍 Alle 400+ MCP-Server und Skills durchsuchen