SkillProof tested Claude skills

Draw.io Diagrams

Genererar giltiga, stiliserade draw.io XML-diagram med färger, ikoner och förklaringar.

av scarr05 · scarr05/claude-skills-pub

Testad · Fungerar ★ 9.6/10

Draw.io Diagrams — Genererar giltiga, stiliserade draw.io XML-diagram med färger, ikoner och förklaringar.

Vad den gör

Producerar .drawio (mxfile/mxGraphModel) XML för arkitekturdiagram, flödesscheman, nätverkstopologi och wireframes, direkt importerbart till draw.io/diagrams.net. Utlöses vid förfrågningar om att skapa diagram, arkitekturvisualiseringar, flödesscheman eller wireframes, och inkluderar AWS/Azure/GCP ikonreferenser plus en anpassningsbar varumärkespalett.

Testrapport

Genererade ett verkligt 3-lagers arkitekturdiagram: färdighetens mxCell-konventioner (html=1, fillColor tiers, cylinder DB shape, legend) producerar XML som faktiskt renderas korrekt i draw.io, medan ett naivt minnesbaserat försök använde bara stilsträngar (ingen html=1, ingen fyllning, inga pilhuvuden) som draw.io renderar som trasiga ostylade rutor.

Testad: 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

Kommandon och exempelprompter

  • /drawioGenererar giltiga, stiliserade draw.io XML-diagram med färger, ikoner och förklaringar.

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

  • 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

Läs hela rapporten →