Draw.io Diagrams

Generiert gültige, gestylte draw.io XML-Diagramme mit Farben, Symbolen und Legenden.

Getestet · Funktioniert ★ 9.6/10

Was es kann

Erzeugt .drawio (mxfile/mxGraphModel) XML für Architekturdiagramme, Flussdiagramme, Netzwerktopologien und Wireframes, direkt importierbar in draw.io/diagrams.net. Wird bei Anfragen zum Erstellen von Diagrammen, Architekturvisualisierungen, Flussdiagrammen oder Wireframes ausgelöst und bündelt AWS/Azure/GCP-Symbolreferenzen sowie eine anpassbare Markenpalette.

Testbericht

Generierte ein echtes 3-Tier-Architekturdiagramm: Die mxCell-Konventionen des Skills (html=1, fillColor Tiers, Zylinder-DB-Form, Legende) erzeugen XML, das in draw.io tatsächlich korrekt gerendert wird, während ein naiver Versuch aus dem Gedächtnis bloße Stil-Strings verwendete (kein html=1, keine Füllung, keine Pfeilspitzen), die draw.io als kaputte, ungestylte Boxen rendert.

Getestet am: 2026-07-16 · Claude Code 2.x (agent harness)

Installation

git clone https://github.com/scarr05/claude-skills-pub.git
mkdir -p ~/.claude/skills
cp -r claude-skills-pub/drawio-skill ~/.claude/skills/drawio

Befehle & Beispiel-Prompts

/drawioGeneriert gültige, gestylte draw.io XML-Diagramme mit Farben, Symbolen und Legenden.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

Draw a three-tier architecture diagram I can open in draw.io
Make me a network topology diagram with AWS icons and a legend
Generate a flowchart XML file for our onboarding process

Vollständiger Testbericht (Englisch) →