KI-Mermaid-Diagramm-Generator
Beschreiben Sie einen Prozess oder ein System in Worten und erhalten Sie Mermaid-Code für Flussdiagramm, Sequenz-, Klassen-, ER- oder Gantt-Diagramm.
Ihr Key bleibt in Ihrem Browser.Er geht direkt an den Anbieter, nie an unsere Server, und wir protokollieren oder speichern ihn nicht. Verwenden Sie einen eigenen Key mit Ausgabenlimit und löschen Sie ihn nach der Nutzung im Dashboard des Anbieters.
Eingabe
Ergebnis
Das Ergebnis erscheint hier.Mermaid macht aus ein paar Zeilen Text ein Diagramm, das GitHub, GitLab, Notion, Obsidian und die meisten Dokumentationswerkzeuge nativ rendern – deshalb liegen Architekturnotizen zunehmend als Mermaid vor statt als exportierte Bilder, die niemand bearbeiten kann. Langsam ist nur das Schreiben der Syntax von Hand. Beschreiben Sie den Registrierungsablauf, die Aufrufkette einer Zahlung oder das Datenmodell in einfacher Sprache, wählen Sie den Diagrammtyp, und das Modell liefert ausschließlich Mermaid-Code – ohne Fences, ohne Kommentar –, bereit zum Einfügen in eine Markdown-Datei. Um ihn gerendert zu sehen oder eine Beschriftung von Hand zu korrigieren, fügen Sie ihn in den Mermaid-Editor dieser Website ein.
So arbeitet es
- Der Prompt ist eine Anpassung von Fabrics Pattern create_mermaid_visualization: Die Forderung, dass das Diagramm für sich allein verständlich sein muss, bleibt; der erklärende Prosateil entfällt, damit die Ausgabe reiner Code ist; hinzu kommt ein Satz Mermaid-Syntaxregeln.
- Diese Regeln zielen auf die Fehler, an denen generierte Diagramme am häufigsten scheitern – nicht in Anführungszeichen gesetzte Beschriftungen mit Klammern oder Nicht-ASCII-Zeichen, ein Knoten namens end, nicht geschlossene alt- und loop-Blöcke, Doppelpunkte in Gantt-Aufgabennamen.
- Beschriftungen und Nachrichten kommen in der Sprache zurück, in der Sie geschrieben haben, während IDs und Schlüsselwörter wie vom Parser verlangt ASCII bleiben; alles, was das Modell annehmen musste, erscheint als %%-Kommentar statt als stille Erfindung.
- Ihre Beschreibung erreicht den KI-Anbieter direkt aus dem Browser, signiert mit Ihrem eigenen Key; Diagramm-Requests sind klein, ein Wegwerf-Key mit knappem Limit reicht völlig.
Wohin Ihre Daten gehen
Mit eigenem Key gehen Ihre Eingabe und der Key direkt von Ihrem Browser zum gewählten Anbieter, ohne Umweg über Hysen Labs. Im gehosteten Modus läuft Ihr Text über unseren Server zu unserem Anbieter (DeepSeek) und wird in Credits abgerechnet; zur Abrechnung speichern wir Token-Zahlen und Kosten jedes Laufs, nie den Text selbst oder die Antwort. Wie der Anbieter mit dem Text umgeht, regelt dessen eigene Datenschutzerklärung.
Dieses Werkzeug verarbeitet Schlüssel und Zugangsdaten. Zu einem Lauf wird deshalb nichts gespeichert, auch nicht in Ihrem eigenen Verlauf.
Zu Ihrem API-Key
Wir erheben, speichern und geben Ihren Key nicht weiter: Er liegt nur im Arbeitsspeicher dieser Seite (außer Sie wählen „in diesem Tab merken“) und ist nach dem Schließen verschwunden. Trotzdem gilt für jeden Key, der in eine Webseite eingefügt wurde, besondere Sorgfalt – legen Sie für diesen Zweck einen eigenen Key mit Ausgabenlimit an und löschen oder rotieren Sie ihn nach der Nutzung im Dashboard des Anbieters.
Was es kostet
Dieses Werkzeug ist kostenlos, ohne Anmeldung und ohne Punkte.
Häufige Fragen
- Der Code wird nicht gerendert. Was sollte ich zuerst prüfen?
- Fügen Sie ihn in den Mermaid-Editor ein und lesen Sie die Fehlerzeile des Parsers. Die üblichen Verdächtigen sind eine Beschriftung mit Klammern oder Anführungszeichen, die nicht in doppelte Anführungszeichen gesetzt wurde, ein fehlendes end nach einem alt- oder loop-Block oder ```mermaid-Fences, die das Modell trotzdem hinzugefügt hat – löschen Sie diese. Neu generieren mit einem größeren Modell behebt ebenfalls die meisten Syntaxfehler.
- Welchen Diagrammtyp sollte ich wählen?
- Flussdiagramm für einen Prozess mit Entscheidungen; Sequenzdiagramm für Requests, die im zeitlichen Ablauf zwischen Diensten oder Personen hin- und hergehen; Klassendiagramm für ein Objektmodell; ER-Diagramm für Datenbanktabellen und ihre Kardinalitäten; Gantt für einen Plan mit Dauern und Abhängigkeiten. Im Zweifel ist das Flussdiagramm am nachsichtigsten.
- Kann es meinen Code lesen und zeichnen?
- Fügen Sie den Code als Beschreibung ein und fordern Sie ein Klassen- oder Sequenzdiagramm an, dann entsteht meist eine brauchbare Skizze. Das Modell sieht nur, was Sie einfügen; eine über mehrere Dateien verteilte Aufrufkette wird also unvollständig. Kürzen Sie die Eingabe auf den Teil, der gezeichnet werden soll.
- Warum gibt es keine Farben oder Stile?
- Die Styling-Syntax ist die Stelle, an der generiertes Mermaid am häufigsten bricht, und Themes unterscheiden sich zwischen GitHub, Doku-Sites und Editoren. Der Code überlässt das Styling dem Renderer; ergänzen Sie classDef-Zeilen selbst, sobald die Struktur stimmt.
Das Open Source dahinter
Der Prompt dieses Tools basiert auf danielmiessler/Fabric (MIT) und läuft auf dem Modell Ihrer Wahl. Wenn Sie dieselbe Funktion auf der Kommandozeile oder in Ihrem eigenen Programm brauchen, beginnen Sie mit diesem Projekt.
danielmiessler/FabricAuch bekannt als
- mermaid diagramm erstellen
- flussdiagramm aus text
- ki flussdiagramm erstellen
- mermaid ai
- sequenzdiagramm erstellen
- er diagramm erstellen