Excalidraw Diagram
Generiert .excalidraw JSON-Diagramme mit einem meinungsstarken handgezeichneten Markenstil, nicht generische Kästen.
Getestet · Funktioniert
Was es kann
Erzeugt Excalidraw-Diagramm-JSON-Dateien für Architekturkarten, Agenten-Pipelines und Kundenlieferungen, wobei eine spezifische skizzenhafte/gepunktete visuelle Sprache (roughness, Virgil font, periwinkle accent, semantische Knotenfärbung) anstelle der Standard-Flussdiagramm-Ausgabe erzwungen wird. Wird ausgelöst bei 'draw a diagram', 'make an excalidraw', 'visualize this system', 'map this architecture'.
Testbericht
Die Skill-gesteuerte Ausgabe tauschte generische schwarz-auf-weiß-Kästen in einem Durchgang gegen ein vollständiges Markensystem aus: roughness-2 gepunktete Rechtecke, solide roughness-1 Pfeile, Virgil font, periwinkle #8182C1 Akzente und semantische Strichfarben pro Knotentyp (agent vs. process vs. success) — das Baseline-JSON hatte keine dieser Strukturen.
Getestet am: 2026-07-14 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/walidboulanouar/Ay-Skills cd Ay-Skills mkdir -p ~/.claude/skills cp -r skills/excalidraw-diagram ~/.claude/skills/excalidraw-diagram
Befehle & Beispiel-Prompts
/excalidraw-diagramGeneriert .excalidraw JSON-Diagramme mit einem meinungsstarken handgezeichneten Markenstil, nicht generische Kästen.
Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):
Draw a diagram showing how our agent pipeline connects to Supabase.Make a sketch-style diagram of this user onboarding flow.Visualize this system architecture for the client deck.