Diagram
Wählt Mermaid vs. Drawio nach Komplexität aus, schreibt das Diagramm in Ihre Dokumente, Vorschau über MCP.
Getestet · Funktioniert
Was es kann
Entscheidet Mermaid vs. Drawio anhand von Inline-Heuristiken (Swimlanes, benutzerdefinierte Formen, Layoutpräzision), schreibt die Diagrammquelle in das Ziel-Dokument und zeigt für Drawio live über den Drawio MCP-Server eine Vorschau an, bevor der Benutzer eine PNG exportiert. Löst bei 'diagram', '/diagram' oder jeder Flussdiagramm-/Architektur-/Sequenz-/Zustandsdiagramm-Anfrage aus; standardmäßig Mermaid, sodass der häufigste Fall keine zusätzliche Tooling benötigt.
Testbericht
Zweimal nach einem Login-Flow-Diagramm gefragt: Die Basisantwort (Skill ignoriert) reproduzierte das exakte ASCII-Art-Anti-Muster, das der Skill explizit verbietet, während die Befolgung des Skill-Körpers zu einem echten, committeten docs/auth-flow.md mit einem korrekt typisierten mermaid sequenceDiagram-Block führte. Der Standard-Mermaid-Pfad benötigt nichts über den kopierten Skill-Ordner hinaus; nur der Drawio-Zweig benötigt den separaten .mcp.json Drawio-Server, der nicht durch die einfache Skill-Ordner-Installation der Zuweisung kopiert wird.
Getestet am: 2026-07-15 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/domengabrovsek/claude.git cd claude mkdir -p ~/.claude/skills cp -r skills/diagram ~/.claude/skills/diagram
Befehle & Beispiel-Prompts
/diagramWählt Mermaid vs. Drawio nach Komplexität aus, schreibt das Diagramm in Ihre Dokumente, Vorschau über MCP.
Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):
draw a sequence diagram of the login flow for our docsmake a flowchart showing how requests move through our architectureadd an architecture diagram into this markdown file