Draw.io Diagrams

Genererer gyldige, styled draw.io XML-diagrammer med farver, ikoner og legender.

Af scarr05 · scarr05/claude-skills-pub

Testet · Virker ★ 9.6/10

Draw.io Diagrams — Genererer gyldige, styled draw.io XML-diagrammer med farver, ikoner og legender.

Hvad det gør

Producerer .drawio (mxfile/mxGraphModel) XML til arkitekturdiagrammer, flowcharts, netværkstopologi og wireframes, der kan importeres direkte til draw.io/diagrams.net. Udløses ved anmodninger om at oprette diagrammer, arkitekturvisualiseringer, flowcharts eller wireframes, og bundter AWS/Azure/GCP ikonreferencer plus en tilpasselig brand-palette.

Testrapport

Genererede et reelt 3-lags arkitekturdiagram: skill'ens mxCell-konventioner (html=1, fillColor tiers, cylinder DB shape, legend) producerer XML, der faktisk gengives korrekt i draw.io, mens et naivt fra-hukommelsen forsøg brugte bare style strings (ingen html=1, ingen fill, ingen pilehoveder), som draw.io gengiver som ødelagte ustylet bokse.

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

Kommandoer og eksempelprompter

  • /drawioGenererer gyldige, styled draw.io XML-diagrammer med farver, ikoner og legender.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

  • 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