Communitygithub.com

must-mohsin1/drawing-diagrams

Eine Claude Code-Fähigkeit zur Darstellung von Architektur-, Abhängigkeits-, Sequenz-, Zustandsautomaten-, Flussdiagramm-, Datenfluss- und ER-Diagrammen auf einer live Excalidraw-Leinwand. Handgezeichnete Ästhetik, deterministisch für Abhängigkeitsgraphen, LLM-komponiert für alles andere.

Was ist drawing-diagrams?

Diese Fähigkeit ermöglicht es Claude Code, verschiedene Software-Diagrammtypen direkt auf einer Excalidraw-Leinwand zu rendern, die eine handgezeichnete Ästhetik aufweist. Sie unterstützt Architektur-, Abhängigkeits-, Sequenz-, Zustandsautomaten-, Flussdiagramm-, Datenfluss- und Entity-Relationship-Diagramme. Für Abhängigkeitsdiagramme verwendet sie einen deterministischen Ansatz (aus den Projektquellen abgeleitet), während sie für andere Diagramme die LLM-Fähigkeiten zur Komposition der Excalidraw-Elemente (z. B. Rechtecke, Pfeile, Texte) auf Basis von Konversationsanfragen nutzt. Die Fähigkeit ist plattformspezifisch für Claude Code und verbessert die visuelle Kommunikation über Projektstrukturen, Abläufe und Systemarchitekturen. Sie funktioniert, indem sie ein Excalidraw-API-Element in die Umgebung injiziert und dem Modell erlaubt, die Zeichnung programmatisch zu steuern, was ein interaktives und iteratives Diagramm-Erlebnis ermöglicht.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add must-mohsin1/drawing-diagrams

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht drawing-diagrams?

Eine Claude Code-Fähigkeit zur Darstellung von Architektur-, Abhängigkeits-, Sequenz-, Zustandsautomaten-, Flussdiagramm-, Datenfluss- und ER-Diagrammen auf einer live Excalidraw-Leinwand. Handgezeichnete Ästhetik, deterministisch für Abhängigkeitsgraphen, LLM-komponiert für alles andere.

Verwandte Skills