Draw.io Diagrams

Genereert geldige, gestileerde draw.io XML-diagrammen met kleuren, iconen en legendes.

Door scarr05 · scarr05/claude-skills-pub

Getest · Werkt ★ 9.6/10

Draw.io Diagrams — Genereert geldige, gestileerde draw.io XML-diagrammen met kleuren, iconen en legendes.

Wat het doet

Produceert .drawio (mxfile/mxGraphModel) XML voor architectuurdiagrammen, stroomschema's, netwerktopologie en wireframes, direct importeerbaar in draw.io/diagrams.net. Activeert op verzoeken om diagrammen, architectuurvisuals, stroomschema's of wireframes te maken, en bundelt AWS/Azure/GCP icoonreferenties plus een aanpasbaar merkpalet.

Testrapport

Genereerde een echt 3-tier architectuurdiagram: de mxCell-conventies van de skill (html=1, fillColor tiers, cylinder DB shape, legend) produceren XML die daadwerkelijk correct rendert in draw.io, terwijl een naïeve poging uit het geheugen kale stijlstrings gebruikte (geen html=1, geen fill, geen pijlpunten) die draw.io rendert als kapotte ongestileerde dozen.

Getest op: 2026-07-16 · Claude Code 2.x (agent harness)

Installatie

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

Commando's en voorbeeldprompts

/drawioGenereert geldige, gestileerde draw.io XML-diagrammen met kleuren, iconen en legendes.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

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

Volledig rapport (Engels) →