Prototyp · Vorschau: alle Server aus der offiziellen Registry, alle 30 Minuten synchronisiert. Mit Google anmelden, um Bewertungen zu schreiben.Prototyp · alle 30 Min. aktualisiert
PopNx MCPMCP-Server für alle, die KI nutzen · in einfachen Worten erklärt
☰ MenüDeutsch Einstellungen
Einsteigermodus An
FarbenSystemHellWeißDunkel
SpracheไทยEnglish中文日本語한국어EspañolDeutsch

Smart Drawio

von yunshenwuchuxunVersion 0.1.0i★ 366 (Sterne des ganzen Repos)iLäuft auf deinem Computer
Name in der Registryio.github.yunshenwuchuxun/smart-drawio

So installierst du es

What it does

Generate, validate, repair and style editable draw.io XML diagrams.

  • Connects Läuft auf deinem Computer
  • Account or key Needs SMART_DRAWIO_API_KEY · 3 settings to fill in (SMART_DRAWIO_PROVIDER, SMART_DRAWIO_BASE_URL, SMART_DRAWIO_MODEL)
  • Category Design, Bilder & Audio

Installation

Wähle die KI-App, die du nutzt, und kopiere die Einstellungen.

3/3 Prüfungen bestanden · Läuft auf deinem Computer · ✓ Befehle geprüft am 13. Nov. 2026

Zuerst: Welche KI nutzt du?

Wähle deine App, dann erscheinen die Schritte unten.

Klappt mit Claude, aber erst etwas vorbereiten

Du brauchst einen Schlüssel von Smart Drawio (auf der Seite des Anbieters erstellen) · 3 Einstellung(en) auszufüllen (SMART_DRAWIO_PROVIDER, SMART_DRAWIO_BASE_URL, SMART_DRAWIO_MODEL) · Installiere zuerst Node.js auf deinem Computer (nur einmal) · Nur in der Claude-App für den Computer (Windows oder Mac), nicht im Web oder auf dem Handy

Von der KI installieren lassen

Kopiere diese Nachricht in einen Claude-Chat. Die KI prüft deinen Rechner, sagt dir, welche Datei sie ändert, und wartet jedes Mal auf dein OK.

Installiere bitte den MCP server Smart Drawio für Claude auf diesem Rechner, in dieser Reihenfolge: 1) Prüfe Node.js mit node -v. Fehlt es, sag mir, dass ich es von https://nodejs.org/en/download installiere; installiere es nicht selbst. 2) Verwende nur diese Konfiguration (von PopNx MCP geprüft): { "mcpServers": { "smart-drawio": { "command": "npx", "args": [ "-y", "@yunshenwuchuxun/smart-drawio-mcp" ], "env": { "SMART_DRAWIO_PROVIDER": "your-value", "SMART_DRAWIO_BASE_URL": "your-value", "SMART_DRAWIO_API_KEY": "your-value", "SMART_DRAWIO_MODEL": "your-value" } } } } 3) Nenne mir den vollständigen Pfad der Datei, die du änderst, oder den Befehl, den du ausführst, und warte auf mein OK. 4) Lass bei SMART_DRAWIO_API_KEY, SMART_DRAWIO_PROVIDER, SMART_DRAWIO_BASE_URL, SMART_DRAWIO_MODEL "your-value" stehen und sag mir, dass ich den echten Wert selbst in die Datei oder das Feld der App einfüge. Bitte mich nie, einen Schlüssel in den Chat zu schreiben. 5) Führe das Vereinbarte aus und prüfe, dass die Tools von Smart Drawio wirklich erscheinen.

Diese Nachricht enthält keinen Schlüssel. Wird einer gebraucht, bittet dich die KI, ihn selbst in die Datei oder das Feld der App einzufügen.

  1. Node.js installieren (falls noch nicht vorhanden)

    Schon installiert? Zuerst prüfen · Öffne das Terminal, gib diesen Befehl ein und drücke Enter

    node -v
    • Eine Versionsnummer wie v26.13.1 = installiert, diesen Schritt überspringen
    • "command not found" (unter Windows "is not recognized") = noch nicht installiert, oder gerade installiert und das Terminal muss neu geöffnet werden
    So öffnest du das Terminal

    Mac: ⌘ + Leertaste drücken, Terminal eingeben, Enter

    Windows: Start öffnen, Windows PowerShell eingeben, dann Öffnen

    Noch nicht installiert: Öffne die offizielle Download-Seite, wähle die LTS-Version und den Klick-Installer: .pkg auf dem Mac · .msi unter Windows. Doppelklicken und bis zum Ende durchklicken. Kein curl-Befehl nötig

    Download-Seite von Node.js öffnen ↗

    Danach das Terminal schließen, neu öffnen und denselben Befehl erneut ausführen. Es muss eine Versionsnummer erscheinen: node -v

    Einmal installieren, gilt für alles, was Node.js braucht

  2. Bei Smart Drawio registrieren und Schlüssel erstellen

    Öffne die Seite des Anbieters, registriere dich und erstelle einen API-Schlüssel für den nächsten Schritt. Preise und Gratis-Tarife siehst du auf seiner Seite.

    Wie du einen Schlüssel bekommst, steht unten im README des Anbieters

  3. 3 Einstellung(en) ausfüllen

    Das sind Programmeinstellungen, keine Schlüssel. Keine Registrierung nötig; wie vom Autor beschrieben ausfüllen.

    • SMART_DRAWIO_PROVIDER openai oder anthropic; nur für die Modellgenerierung erforderlich
      Englisches Original anzeigenopenai or anthropic; required only for model generation
    • SMART_DRAWIO_BASE_URL HTTP(S)-Basis-URL des Modellanbieters; nur für die Modellgenerierung erforderlich
      Englisches Original anzeigenModel provider HTTP(S) base URL; required only for model generation
    • SMART_DRAWIO_MODEL Modellkennung; nur für die Modellgenerierung erforderlich
      Englisches Original anzeigenModel identifier; required only for model generation

    Beschreibungen automatisch übersetzt; Variablennamen bleiben wie im Original. Im Zweifel das Original ansehen.

  4. Einstellungsdatei der Claude-Desktop-App öffnen

    SettingsDeveloperEdit Config

  5. Diese Einstellungen einfügen und speichern

    {
  "mcpServers": {
    "smart-drawio": {
      "command": "npx",
      "args": [
        "-y",
        "@yunshenwuchuxun/smart-drawio-mcp"
      ],
      "env": {
        "SMART_DRAWIO_PROVIDER": "your-value",
        "SMART_DRAWIO_BASE_URL": "your-value",
        "SMART_DRAWIO_API_KEY": "your-value",
        "SMART_DRAWIO_MODEL": "your-value"
      }
    }
  }
}

    Füge den Schlüssel nur in das Feld der App ein, nie in einen Chat und schick ihn niemandem

  6. Claude beenden und neu öffnen

  7. Ausprobieren

    Nutze Smart Drawio und sag mir, was du für mich tun kannst; zeig mir dann eine Sache

    ✓ Wenn Claude sagt, dass es Smart Drawio nutzt, oder ein Werkzeug von Smart Drawio in der Antwort zeigt, bist du verbunden

Menünamen am 11. Nov. 2026 mit der Hilfe von Anthropic abgeglichen · dein Bildschirm kann je nach App-Version leicht abweichen

ChatGPT kann Smart Drawio noch nicht verbinden

Smart Drawio läuft auf deinem Computer, aber ChatGPT verbindet nur Server, die im Web laufen

Das kannst du stattdessen tun

A · Eine App nutzen, die Smart Drawio verbinden kann

  • Du brauchst einen Schlüssel von Smart Drawio (auf der Seite des Anbieters erstellen) · 3 Einstellung(en) auszufüllen (SMART_DRAWIO_PROVIDER, SMART_DRAWIO_BASE_URL, SMART_DRAWIO_MODEL) · Installiere zuerst Node.js auf deinem Computer (nur einmal) · Nur in der Claude-App für den Computer (Windows oder Mac), nicht im Web oder auf dem Handy
  • Du brauchst einen Schlüssel von Smart Drawio (auf der Seite des Anbieters erstellen) · 3 Einstellung(en) auszufüllen (SMART_DRAWIO_PROVIDER, SMART_DRAWIO_BASE_URL, SMART_DRAWIO_MODEL) · Installiere zuerst Node.js auf deinem Computer (nur einmal)
  • Du brauchst einen Schlüssel von Smart Drawio (auf der Seite des Anbieters erstellen) · 3 Einstellung(en) auszufüllen (SMART_DRAWIO_PROVIDER, SMART_DRAWIO_BASE_URL, SMART_DRAWIO_MODEL) · Installiere zuerst Node.js auf deinem Computer (nur einmal)
  • Du brauchst einen Schlüssel von Smart Drawio (auf der Seite des Anbieters erstellen) · 3 Einstellung(en) auszufüllen (SMART_DRAWIO_PROVIDER, SMART_DRAWIO_BASE_URL, SMART_DRAWIO_MODEL) · Installiere zuerst Node.js auf deinem Computer (nur einmal)

B · Andere in Design, Bilder & Audio, die mit ChatGPT funktionieren

Aus den meistgenutzten derselben Kategorie, nur solche, die per Adresse ohne Schlüssel verbinden

Klappt mit Claude Code, aber erst etwas vorbereiten

Du brauchst einen Schlüssel von Smart Drawio (auf der Seite des Anbieters erstellen) · 3 Einstellung(en) auszufüllen (SMART_DRAWIO_PROVIDER, SMART_DRAWIO_BASE_URL, SMART_DRAWIO_MODEL) · Installiere zuerst Node.js auf deinem Computer (nur einmal)

Von der KI installieren lassen

Kopiere diese Nachricht in einen Claude Code-Chat. Die KI prüft deinen Rechner, sagt dir, welche Datei sie ändert, und wartet jedes Mal auf dein OK.

Installiere bitte den MCP server Smart Drawio für Claude Code auf diesem Rechner, in dieser Reihenfolge: 1) Prüfe Node.js mit node -v. Fehlt es, sag mir, dass ich es von https://nodejs.org/en/download installiere; installiere es nicht selbst. 2) Verwende nur diese Konfiguration (von PopNx MCP geprüft): claude mcp add --scope user smart-drawio --env SMART_DRAWIO_PROVIDER=your-value --env SMART_DRAWIO_BASE_URL=your-value --env SMART_DRAWIO_API_KEY=your-value --env SMART_DRAWIO_MODEL=your-value -- npx -y @yunshenwuchuxun/smart-drawio-mcp 3) Nenne mir den vollständigen Pfad der Datei, die du änderst, oder den Befehl, den du ausführst, und warte auf mein OK. 4) Lass bei SMART_DRAWIO_API_KEY, SMART_DRAWIO_PROVIDER, SMART_DRAWIO_BASE_URL, SMART_DRAWIO_MODEL "your-value" stehen und sag mir, dass ich den echten Wert selbst in die Datei oder das Feld der App einfüge. Bitte mich nie, einen Schlüssel in den Chat zu schreiben. 5) Führe das Vereinbarte aus und prüfe, dass die Tools von Smart Drawio wirklich erscheinen.

Diese Nachricht enthält keinen Schlüssel. Wird einer gebraucht, bittet dich die KI, ihn selbst in die Datei oder das Feld der App einzufügen.

  1. Node.js installieren (falls noch nicht vorhanden)

    Schon installiert? Zuerst prüfen · Öffne das Terminal, gib diesen Befehl ein und drücke Enter

    node -v
    • Eine Versionsnummer wie v26.13.1 = installiert, diesen Schritt überspringen
    • "command not found" (unter Windows "is not recognized") = noch nicht installiert, oder gerade installiert und das Terminal muss neu geöffnet werden
    So öffnest du das Terminal

    Mac: ⌘ + Leertaste drücken, Terminal eingeben, Enter

    Windows: Start öffnen, Windows PowerShell eingeben, dann Öffnen

    Noch nicht installiert: Öffne die offizielle Download-Seite, wähle die LTS-Version und den Klick-Installer: .pkg auf dem Mac · .msi unter Windows. Doppelklicken und bis zum Ende durchklicken. Kein curl-Befehl nötig

    Download-Seite von Node.js öffnen ↗

    Danach das Terminal schließen, neu öffnen und denselben Befehl erneut ausführen. Es muss eine Versionsnummer erscheinen: node -v

    Einmal installieren, gilt für alles, was Node.js braucht

  2. Bei Smart Drawio registrieren und Schlüssel erstellen

    Öffne die Seite des Anbieters, registriere dich und erstelle einen API-Schlüssel für den nächsten Schritt. Preise und Gratis-Tarife siehst du auf seiner Seite.

    Wie du einen Schlüssel bekommst, steht unten im README des Anbieters

  3. 3 Einstellung(en) ausfüllen

    Das sind Programmeinstellungen, keine Schlüssel. Keine Registrierung nötig; wie vom Autor beschrieben ausfüllen.

    • SMART_DRAWIO_PROVIDER openai oder anthropic; nur für die Modellgenerierung erforderlich
      Englisches Original anzeigenopenai or anthropic; required only for model generation
    • SMART_DRAWIO_BASE_URL HTTP(S)-Basis-URL des Modellanbieters; nur für die Modellgenerierung erforderlich
      Englisches Original anzeigenModel provider HTTP(S) base URL; required only for model generation
    • SMART_DRAWIO_MODEL Modellkennung; nur für die Modellgenerierung erforderlich
      Englisches Original anzeigenModel identifier; required only for model generation

    Beschreibungen automatisch übersetzt; Variablennamen bleiben wie im Original. Im Zweifel das Original ansehen.

  4. Terminal öffnen

    Mac: Command+Leertaste drücken und Terminal tippen · Windows: PowerShell öffnen

  5. Diesen Befehl einfügen und Enter drücken

    claude mcp add --scope user smart-drawio --env SMART_DRAWIO_PROVIDER=your-value --env SMART_DRAWIO_BASE_URL=your-value --env SMART_DRAWIO_API_KEY=your-value --env SMART_DRAWIO_MODEL=your-value -- npx -y @yunshenwuchuxun/smart-drawio-mcp

    Ersetze „your-value“ vor dem Enter durch deinen Schlüssel

    Füge den Schlüssel nur in das Feld der App ein, nie in einen Chat und schick ihn niemandem

  6. /mcp in Claude Code eingeben

    Smart Drawio sollte in der Liste als verbunden erscheinen

  7. Ausprobieren

    Nutze Smart Drawio und sag mir, was du für mich tun kannst; zeig mir dann eine Sache

    ✓ Wenn Claude Code sagt, dass es Smart Drawio nutzt, oder ein Werkzeug von Smart Drawio in der Antwort zeigt, bist du verbunden

Menünamen am 11. Nov. 2026 mit der Hilfe von Anthropic abgeglichen · dein Bildschirm kann je nach App-Version leicht abweichen

Klappt mit Cursor, aber erst etwas vorbereiten

Du brauchst einen Schlüssel von Smart Drawio (auf der Seite des Anbieters erstellen) · 3 Einstellung(en) auszufüllen (SMART_DRAWIO_PROVIDER, SMART_DRAWIO_BASE_URL, SMART_DRAWIO_MODEL) · Installiere zuerst Node.js auf deinem Computer (nur einmal)

Von der KI installieren lassen

Kopiere diese Nachricht in einen Cursor-Chat. Die KI prüft deinen Rechner, sagt dir, welche Datei sie ändert, und wartet jedes Mal auf dein OK.

Installiere bitte den MCP server Smart Drawio für Cursor auf diesem Rechner, in dieser Reihenfolge: 1) Prüfe Node.js mit node -v. Fehlt es, sag mir, dass ich es von https://nodejs.org/en/download installiere; installiere es nicht selbst. 2) Verwende nur diese Konfiguration (von PopNx MCP geprüft): { "mcpServers": { "smart-drawio": { "command": "npx", "args": [ "-y", "@yunshenwuchuxun/smart-drawio-mcp" ], "env": { "SMART_DRAWIO_PROVIDER": "your-value", "SMART_DRAWIO_BASE_URL": "your-value", "SMART_DRAWIO_API_KEY": "your-value", "SMART_DRAWIO_MODEL": "your-value" } } } } 3) Nenne mir den vollständigen Pfad der Datei, die du änderst, oder den Befehl, den du ausführst, und warte auf mein OK. 4) Lass bei SMART_DRAWIO_API_KEY, SMART_DRAWIO_PROVIDER, SMART_DRAWIO_BASE_URL, SMART_DRAWIO_MODEL "your-value" stehen und sag mir, dass ich den echten Wert selbst in die Datei oder das Feld der App einfüge. Bitte mich nie, einen Schlüssel in den Chat zu schreiben. 5) Führe das Vereinbarte aus und prüfe, dass die Tools von Smart Drawio wirklich erscheinen.

Diese Nachricht enthält keinen Schlüssel. Wird einer gebraucht, bittet dich die KI, ihn selbst in die Datei oder das Feld der App einzufügen.

  1. Node.js installieren (falls noch nicht vorhanden)

    Schon installiert? Zuerst prüfen · Öffne das Terminal, gib diesen Befehl ein und drücke Enter

    node -v
    • Eine Versionsnummer wie v26.13.1 = installiert, diesen Schritt überspringen
    • "command not found" (unter Windows "is not recognized") = noch nicht installiert, oder gerade installiert und das Terminal muss neu geöffnet werden
    So öffnest du das Terminal

    Mac: ⌘ + Leertaste drücken, Terminal eingeben, Enter

    Windows: Start öffnen, Windows PowerShell eingeben, dann Öffnen

    Noch nicht installiert: Öffne die offizielle Download-Seite, wähle die LTS-Version und den Klick-Installer: .pkg auf dem Mac · .msi unter Windows. Doppelklicken und bis zum Ende durchklicken. Kein curl-Befehl nötig

    Download-Seite von Node.js öffnen ↗

    Danach das Terminal schließen, neu öffnen und denselben Befehl erneut ausführen. Es muss eine Versionsnummer erscheinen: node -v

    Einmal installieren, gilt für alles, was Node.js braucht

  2. Bei Smart Drawio registrieren und Schlüssel erstellen

    Öffne die Seite des Anbieters, registriere dich und erstelle einen API-Schlüssel für den nächsten Schritt. Preise und Gratis-Tarife siehst du auf seiner Seite.

    Wie du einen Schlüssel bekommst, steht unten im README des Anbieters

  3. 3 Einstellung(en) ausfüllen

    Das sind Programmeinstellungen, keine Schlüssel. Keine Registrierung nötig; wie vom Autor beschrieben ausfüllen.

    • SMART_DRAWIO_PROVIDER openai oder anthropic; nur für die Modellgenerierung erforderlich
      Englisches Original anzeigenopenai or anthropic; required only for model generation
    • SMART_DRAWIO_BASE_URL HTTP(S)-Basis-URL des Modellanbieters; nur für die Modellgenerierung erforderlich
      Englisches Original anzeigenModel provider HTTP(S) base URL; required only for model generation
    • SMART_DRAWIO_MODEL Modellkennung; nur für die Modellgenerierung erforderlich
      Englisches Original anzeigenModel identifier; required only for model generation

    Beschreibungen automatisch übersetzt; Variablennamen bleiben wie im Original. Im Zweifel das Original ansehen.

  4. Mit diesem Button Cursor öffnen

    In Cursor öffnen

    Cursor fragt nach einer Bestätigung; klicke Install

  5. Schlüssel eintragen

    In den Einstellungen von Smart Drawio ist SMART_DRAWIO_API_KEY, SMART_DRAWIO_PROVIDER, SMART_DRAWIO_BASE_URL, SMART_DRAWIO_MODEL leer; trag deinen Schlüssel ein und speichere

    Füge den Schlüssel nur in das Feld der App ein, nie in einen Chat und schick ihn niemandem

  6. KI-Chat in Cursor im Agent-Modus öffnen

  7. Ausprobieren

    Nutze Smart Drawio und sag mir, was du für mich tun kannst; zeig mir dann eine Sache

    ✓ Wenn Cursor sagt, dass es Smart Drawio nutzt, oder ein Werkzeug von Smart Drawio in der Antwort zeigt, bist du verbunden

Menünamen am 11. Nov. 2026 mit der Hilfe von Cursor abgeglichen · dein Bildschirm kann je nach App-Version leicht abweichen

Klappt mit VS Code, aber erst etwas vorbereiten

Du brauchst einen Schlüssel von Smart Drawio (auf der Seite des Anbieters erstellen) · 3 Einstellung(en) auszufüllen (SMART_DRAWIO_PROVIDER, SMART_DRAWIO_BASE_URL, SMART_DRAWIO_MODEL) · Installiere zuerst Node.js auf deinem Computer (nur einmal)

Von der KI installieren lassen

Kopiere diese Nachricht in einen VS Code-Chat. Die KI prüft deinen Rechner, sagt dir, welche Datei sie ändert, und wartet jedes Mal auf dein OK.

Installiere bitte den MCP server Smart Drawio für VS Code auf diesem Rechner, in dieser Reihenfolge: 1) Prüfe Node.js mit node -v. Fehlt es, sag mir, dass ich es von https://nodejs.org/en/download installiere; installiere es nicht selbst. 2) Verwende nur diese Konfiguration (von PopNx MCP geprüft): { "servers": { "smart-drawio": { "type": "stdio", "command": "npx", "args": [ "-y", "@yunshenwuchuxun/smart-drawio-mcp" ], "env": { "SMART_DRAWIO_PROVIDER": "your-value", "SMART_DRAWIO_BASE_URL": "your-value", "SMART_DRAWIO_API_KEY": "your-value", "SMART_DRAWIO_MODEL": "your-value" } } } } 3) Nenne mir den vollständigen Pfad der Datei, die du änderst, oder den Befehl, den du ausführst, und warte auf mein OK. 4) Lass bei SMART_DRAWIO_API_KEY, SMART_DRAWIO_PROVIDER, SMART_DRAWIO_BASE_URL, SMART_DRAWIO_MODEL "your-value" stehen und sag mir, dass ich den echten Wert selbst in die Datei oder das Feld der App einfüge. Bitte mich nie, einen Schlüssel in den Chat zu schreiben. 5) Führe das Vereinbarte aus und prüfe, dass die Tools von Smart Drawio wirklich erscheinen.

Diese Nachricht enthält keinen Schlüssel. Wird einer gebraucht, bittet dich die KI, ihn selbst in die Datei oder das Feld der App einzufügen.

  1. Node.js installieren (falls noch nicht vorhanden)

    Schon installiert? Zuerst prüfen · Öffne das Terminal, gib diesen Befehl ein und drücke Enter

    node -v
    • Eine Versionsnummer wie v26.13.1 = installiert, diesen Schritt überspringen
    • "command not found" (unter Windows "is not recognized") = noch nicht installiert, oder gerade installiert und das Terminal muss neu geöffnet werden
    So öffnest du das Terminal

    Mac: ⌘ + Leertaste drücken, Terminal eingeben, Enter

    Windows: Start öffnen, Windows PowerShell eingeben, dann Öffnen

    Noch nicht installiert: Öffne die offizielle Download-Seite, wähle die LTS-Version und den Klick-Installer: .pkg auf dem Mac · .msi unter Windows. Doppelklicken und bis zum Ende durchklicken. Kein curl-Befehl nötig

    Download-Seite von Node.js öffnen ↗

    Danach das Terminal schließen, neu öffnen und denselben Befehl erneut ausführen. Es muss eine Versionsnummer erscheinen: node -v

    Einmal installieren, gilt für alles, was Node.js braucht

  2. Bei Smart Drawio registrieren und Schlüssel erstellen

    Öffne die Seite des Anbieters, registriere dich und erstelle einen API-Schlüssel für den nächsten Schritt. Preise und Gratis-Tarife siehst du auf seiner Seite.

    Wie du einen Schlüssel bekommst, steht unten im README des Anbieters

  3. 3 Einstellung(en) ausfüllen

    Das sind Programmeinstellungen, keine Schlüssel. Keine Registrierung nötig; wie vom Autor beschrieben ausfüllen.

    • SMART_DRAWIO_PROVIDER openai oder anthropic; nur für die Modellgenerierung erforderlich
      Englisches Original anzeigenopenai or anthropic; required only for model generation
    • SMART_DRAWIO_BASE_URL HTTP(S)-Basis-URL des Modellanbieters; nur für die Modellgenerierung erforderlich
      Englisches Original anzeigenModel provider HTTP(S) base URL; required only for model generation
    • SMART_DRAWIO_MODEL Modellkennung; nur für die Modellgenerierung erforderlich
      Englisches Original anzeigenModel identifier; required only for model generation

    Beschreibungen automatisch übersetzt; Variablennamen bleiben wie im Original. Im Zweifel das Original ansehen.

  4. Mit diesem Button VS Code öffnen

    In VS Code öffnen

    VS Code fragt nach einer Bestätigung; klicke Install

  5. Schlüssel eintragen

    In den Einstellungen von Smart Drawio ist SMART_DRAWIO_API_KEY, SMART_DRAWIO_PROVIDER, SMART_DRAWIO_BASE_URL, SMART_DRAWIO_MODEL leer; trag deinen Schlüssel ein und speichere

    Füge den Schlüssel nur in das Feld der App ein, nie in einen Chat und schick ihn niemandem

  6. KI-Chat in VS Code im Agent-Modus öffnen

  7. Ausprobieren

    Nutze Smart Drawio und sag mir, was du für mich tun kannst; zeig mir dann eine Sache

    ✓ Wenn VS Code sagt, dass es Smart Drawio nutzt, oder ein Werkzeug von Smart Drawio in der Antwort zeigt, bist du verbunden

Menünamen am 11. Nov. 2026 mit der Hilfe von VS Code abgeglichen · dein Bildschirm kann je nach App-Version leicht abweichen

Andere Apps mit MCP, etwa Windsurf, Zed oder Gemini CLI, fügen Server unterschiedlich hinzu. Sieh in der App-Liste nach

Alle Apps mit MCP ansehen →

JSON-Einstellungen stehen unten unter „Für Entwickler“

Hängst du fest? Frag Leute, die Smart Drawio nutzen💬 Diskussion →
Für Entwickler: Terminal-Befehle und JSON-Einstellungen

Auf deinem Computer installiert

Claude Code

claude mcp add --scope user smart-drawio --env SMART_DRAWIO_PROVIDER=your-value --env SMART_DRAWIO_BASE_URL=your-value --env SMART_DRAWIO_API_KEY=your-value --env SMART_DRAWIO_MODEL=your-value -- npx -y @yunshenwuchuxun/smart-drawio-mcp

Claude Desktop (claude_desktop_config.json)

{
  "mcpServers": {
    "smart-drawio": {
      "command": "npx",
      "args": [
        "-y",
        "@yunshenwuchuxun/smart-drawio-mcp"
      ],
      "env": {
        "SMART_DRAWIO_PROVIDER": "your-value",
        "SMART_DRAWIO_BASE_URL": "your-value",
        "SMART_DRAWIO_API_KEY": "your-value",
        "SMART_DRAWIO_MODEL": "your-value"
      }
    }
  }
}

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "smart-drawio": {
      "command": "npx",
      "args": [
        "-y",
        "@yunshenwuchuxun/smart-drawio-mcp"
      ],
      "env": {
        "SMART_DRAWIO_PROVIDER": "your-value",
        "SMART_DRAWIO_BASE_URL": "your-value",
        "SMART_DRAWIO_API_KEY": "your-value",
        "SMART_DRAWIO_MODEL": "your-value"
      }
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "smart-drawio": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@yunshenwuchuxun/smart-drawio-mcp"
      ],
      "env": {
        "SMART_DRAWIO_PROVIDER": "your-value",
        "SMART_DRAWIO_BASE_URL": "your-value",
        "SMART_DRAWIO_API_KEY": "your-value",
        "SMART_DRAWIO_MODEL": "your-value"
      }
    }
  }
}

Werte, die du selbst einträgst

  • SMART_DRAWIO_PROVIDER erforderlich env
    openai oder anthropic; nur für die Modellgenerierung erforderlich
    Englisches Original anzeigenopenai or anthropic; required only for model generation
  • SMART_DRAWIO_BASE_URL erforderlich env
    HTTP(S)-Basis-URL des Modellanbieters; nur für die Modellgenerierung erforderlich
    Englisches Original anzeigenModel provider HTTP(S) base URL; required only for model generation
  • SMART_DRAWIO_API_KEY geheim erforderlich env
    Dein API-Schlüssel des Modellanbieters; nur für die Modellgenerierung erforderlich
    Englisches Original anzeigenYour model provider API key; required only for model generation
  • SMART_DRAWIO_MODEL erforderlich env
    Modellkennung; nur für die Modellgenerierung erforderlich
    Englisches Original anzeigenModel identifier; required only for model generation

Beschreibungen automatisch übersetzt; Variablennamen bleiben wie im Original. Im Zweifel das Original ansehen.

Diese Einstellungen werden aus dem Registry-Eintrag des Entwicklers erzeugt. Wenn in der README etwas anderes steht, folge der README.

Auf einen Blick

GitHub-Sternei
366 (Sterne des ganzen Repos)
Dieses Repo enthält mehrere MCP-Einträge; die Sterne zählen in Ranglisten nur einmal
Downloads pro Wochei
52/Wo.
Verbindung
Läuft auf deinem Computer
Neueste Versioni
0.1.0
In der Registry veröffentlichti
14. Okt. 2026
Code zuletzt geänderti
15. Okt. 2026
Entwickler
yunshenwuchuxun
Pakete
npm: @yunshenwuchuxun/smart-drawio-mcp
Registry-Status
Aktiv

Welche Apps ihn nutzen können

Basierend darauf, wie sich dieser Server verbindet, und auf der eigenen Doku jeder App, geprüft am 10. Nov. 2026.

Laufen auf deinem Computer in

ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast

Alle Apps, mit Vor- und Nachteilen →

Was er kann

Läuft auf deinem Computer; die Tool-Liste erscheint nach der Installation in deiner KI-App.

Basischecksi

Wir prüfen Informationen, die jeder sehen kann; den Code haben wir nicht gelesen. Checks, die nicht zutreffen, werden nicht mitgezählt. · Geprüft am 15. Nov. 2026

  • ✓ Bestanden

    Entwickler passt zum Repo

    Der Registry-Name wurde mit dem GitHub-Konto yunshenwuchuxun bestätigt, dem das Repo gehört

  • ✓ Bestanden

    Wird noch gepflegt

    Code zuletzt geändert: vor 31 Tagen

  • ✓ Bestanden

    Hat eine Lizenz

    Nutzt MIT

  • – Nicht zutreffend

    Endpunkt antwortet

    Dieser Server läuft auf deinem Computer; es gibt keinen Endpunkt im Internet

  • – Nicht zutreffend

    Anmeldung mit OAuth

    Läuft auf deinem Computer und nutzt stattdessen lokale Einstellungen

  • … Noch nicht geprüft

    Keine versteckten Anweisungen in Tool-Beschreibungen

    Läuft auf deinem Computer; Tool-Listen können wir nur von Endpunkten im Internet lesen

Veröffentlichte Schwachstellen (OSV.dev)

Keine Einträge auf OSV.dev für @yunshenwuchuxun/smart-drawio-mcp@0.1.0

Prüft nur diese Paketversion, nicht alle Abhängigkeiten · geprüft 15. Nov. 2026

Was wir prüfen → · JSON

Entwickler: neue Prüfung anfordern oder falsche Angaben melden

Anmelden

Diskussion

Fragen, Tipps teilen oder melden, dass etwas nicht geht. Sortiert nach „hilfreich“.

Noch keine Beiträge. Stell die erste Frage oder teile einen Tipp.

Beiträge hier stammen von Nutzern, nicht vom PopNx-Team.

Anmelden, um zu posten

Nutzerbewertungen

Noch keine Bewertungen

Anmelden, um eine Bewertung zu schreiben

Im Vergleich mit anderen in Design, Bilder & Audioi

  • Mehr Sterne als 97 % der anderen 3075 Server in dieser Kategorie
  • Neuer in der Registry veröffentlicht als 47 % der anderen 3075 Server in dieser Kategorie
  • Basischecks gleich gut wie oder besser als bei 100 % der anderen 3075 Server in dieser Kategorie

Verglichen mit allen aktiven Servern dieser Kategorie in der Registry. Sterne zählen nur, wenn dem Herausgeber das Repo gehört.

Häufige Fragen

Ist Smart Drawio sicher?

Er hat 3 von 3 zutreffenden Basischecks bestanden. Den Code haben wir nicht gelesen. Bevor du einen Schlüssel oder Token hinzufügst, sieh nach, welche Zugriffe der Server verlangt, und nutze einen Schlüssel, der nur die Berechtigungen hat, die du brauchst.

Welche Schlüssel oder Codes braucht er?

Das musst du eintragen: SMART_DRAWIO_API_KEY

Läuft er auf meinem Computer oder in der Cloud?

Er läuft auf deinem Computer. Deine KI-App startet ihn bei Bedarf, und die Daten laufen nicht über die Server des Entwicklers (außer der Server ruft selbst einen Onlinedienst auf).

Wird er noch gepflegt?

Das GitHub-Repo wurde zuletzt vor 31 Tagen geändert, und die neueste Version (0.1.0) kam vor 32 Tagen in die Registry.

Welche Apps können ihn nutzen?

Apps, die MCP unterstützen, etwa Claude Desktop, Claude Code, Cursor und VS Code. Außerdem brauchst du Node.js auf deinem Computer.

Was kann ich stattdessen nutzen?

In derselben Kategorie: Pascal 3D Editor, Figma MCP Server, Remocn: Remotion MCP server, Harness, ChatCut

Ähnliche Alternativen

Gleiche Kategorie, andere Entwickler, Befehle bereits geprüft. Offizielle zuerst, dann nach Sternen.

So liest du eine Karte:↓ Downloads pro Wochei★ GitHub-SterneiDrei Säulen: Bewertungen · Checks · NutzungiAktualisiert = neueste Version in der Registry veröffentlichti

Pascal 3D Editor

Create, inspect, validate, and save editable 3D building scenes with Pascal's MCP server.

von pascalorgWeit verbreitet↓ 1037/Wo.★ 25.500 Sterne des ganzen ReposAktualisiert vorgestern

Computer oder Cloud✓ vom Dienst · pascal.app
Installieren

Figma MCP Server

The Figma MCP server brings Figma design context directly into your AI workflow.

von figmaWeit verbreitet★ 2186Aktualisiert vor 13 Monaten

Läuft in der Cloud✓ vom Dienst · mcp.figma.com
Verbinden

Remocn: Remotion MCP server

Hosted MCP for Remotion videos: search Remocn components, read docs, plan a video, preview it.

von RemocnWachsend★ 1705Aktualisiert vor 5 Tagen

Läuft in der Cloud✓ vom Dienst · remocn.dev
Verbinden

Harness

Start Claude Code and Codex agents the person can watch, wait for them and read their answers.

von autonomous-aiWachsend↓ 109/Wo.★ 1487Aktualisiert vor 27 Tagen

Läuft auf deinem Computer✓ harness.autonomous.ai
Installieren

ChatCut

AI video editor for agents: cut footage, add captions and motion graphics, export editable edits.

von ChatCut-IncWachsend★ 1041Aktualisiert vor 16 Tagen

Läuft in der Cloud✓ vom Dienst · chatcut.io
Verbinden
  • Pascal 3D Editor — In der Cloud oder auf deinem Rechner · Kein Schlüssel nötig
  • Figma MCP Server — Läuft in der Cloud, keine Installation · Kein Schlüssel nötig · Im Verzeichnis von Claude
  • Remocn: Remotion MCP server — Läuft in der Cloud, keine Installation · Kein Schlüssel nötig
  • Harness — Wird auf deinem Rechner installiert · Kein Schlüssel nötig
  • ChatCut — Läuft in der Cloud, keine Installation · Kein Schlüssel nötig

README vom Entwickler

README öffnen

Unverändert aus dem Repo des Entwicklers übernommen. PopNx MCP hat den Inhalt weder geprüft noch empfiehlt es ihn. HTML, Bilder und Skripte wurden entfernt. Links führen von dieser Website weg.

Smart Drawio MCP

A local MCP server for generating, validating, repairing and styling editable draw.io XML. It shares the diagram core with Smart Drawio Next. It uses stdio and does not require the Next.js website, a browser, or draw.io Desktop.

Install from npm

Use Node.js 20.9 or later. Configure a client that supports local stdio MCP servers:

{

"mcpServers": { "smart-drawio": { "command": "npx", "args": ["-y", "@yunshenwuchuxun/smart-drawio-mcp@0.1.0"] } } }

The client starts the MCP process. Validation, repair, styling and option discovery work immediately. Configure the four model environment variables below to enable generation.

The Smart Drawio Skill can also use the agent's own model to create XML and then optionally call these tools.

Run from this repository

Use Node.js 20.9 or later. Build from the repository root:

pnpm install --frozen-lockfile

pnpm build:mcp

Configure a client that supports local stdio MCP servers:

{

"mcpServers": { "smart-drawio": { "command": "node", "args": ["/absolute/path/smart-drawio-next/packages/mcp/dist/stdio.js"] } } }

Replace the absolute path with your checkout path. The client launches the process; running the executable directly waits for JSON-RPC on stdin. stdout contains only MCP messages.

The npm executable is smart-drawio-mcp. Running it directly waits for JSON-RPC on stdin; it is intended to be started by an MCP client.

Optional model configuration

Validation, repair, styling and the options catalog work without model credentials. Only generate_drawio requires the following four environment variables, set on the MCP process:

VariableMeaning
SMART_DRAWIO_PROVIDERopenai or anthropic
SMART_DRAWIO_BASE_URLCompatible HTTP(S) base URL, e.g. https://api.openai.com/v1 or a local model endpoint
SMART_DRAWIO_API_KEYProvider API key; for a local endpoint that ignores authentication, use a non-empty placeholder
SMART_DRAWIO_MODELModel ID supported by that provider

Use your client's environment or secret settings. Credentials are absent from tool arguments and results. Localhost and custom HTTP(S) providers are supported. A base URL must not contain embedded credentials, query parameters or fragments.

Example using placeholder settings in the client configuration:

{

"mcpServers": { "smart-drawio": { "command": "node", "args": ["/absolute/path/smart-drawio-next/packages/mcp/dist/stdio.js"], "env": { "SMART_DRAWIO_PROVIDER": "openai", "SMART_DRAWIO_BASE_URL": "http://localhost:11434/v1", "SMART_DRAWIO_API_KEY": "local-placeholder", "SMART_DRAWIO_MODEL": "your-local-model-id" } } } }

Restart the MCP process after changing its model settings. Generation has a 240-second total deadline and a 60-second inactivity deadline. Client cancellation aborts the provider request.

Tools

ToolInputsBehavior
list_drawio_options{}Discover IDs and descriptions for chart types, themes, style packs, presets, text tools and tricks
validate_drawioxmlValidate XML syntax, IDs, parents and edge references
repair_drawioxmlRepair supported missing closing tags and validate the repaired result
style_drawioxml; optional theme, sourceTheme, stylePack, presets, textTool, trickReturn a transformed XML document; presets is an ID-to-boolean map
generate_drawioprompt; optional chartType="auto", theme="research"Generate with the configured provider and return complete, validated XML

Every result includes structuredContent with ok, diagnostics, and optional xml, stats or options. Text content includes diagnostics and the XML when available. Tool failures set isError: true; invalid tool arguments are rejected by the MCP SDK. Cancelled calls follow MCP cancellation semantics.

Example style request after discovering the IDs:

{

"xml": " ... ", "stylePack": "researchClean", "presets": { "shadow": false } }

Supported scope

This version handles uncompressed .drawio XML, with an MCP input limit of 2,097,152 characters per XML document. Prompts are limited to 262,144 characters. Compressed diagrams and legacy JSON drawing formats must be converted to uncompressed XML first.

The server returns diagram data in memory. The client decides whether and where to save .drawio files. It does not read the current browser canvas, select nodes, export PNG/PDF screenshots, manage realtime editor sessions or offer a remote HTTP MCP endpoint.

Import the returned XML into draw.io, or use the Smart Drawio Next website for visual editing. Generation calls the configured external provider; validation, repair and style transformations stay local.

Factory API

import { createSmartDrawioServer } from '@yunshenwuchuxun/smart-drawio-mcp';

import { serveStdio } from '@modelcontextprotocol/server/stdio';

serveStdio(() => createSmartDrawioServer());

createSmartDrawioServer({ env, core }) allows a supplied environment and core implementation for embedding or testing. The package also exports the shared diagram core under @yunshenwuchuxun/smart-drawio-mcp/core.