Draw.io Diagrams

Generuje prawidłowe, stylizowane diagramy XML draw.io z kolorami, ikonami i legendami.

Autor: scarr05 · scarr05/claude-skills-pub

Testowano · Działa ★ 9.6/10

Draw.io Diagrams — Generuje prawidłowe, stylizowane diagramy XML draw.io z kolorami, ikonami i legendami.

Co robi ten skill

Generuje XML .drawio (mxfile/mxGraphModel) dla diagramów architektury, schematów blokowych, topologii sieci i makiet, importowalny bezpośrednio do draw.io/diagrams.net. Uruchamia się na żądania tworzenia diagramów, wizualizacji architektury, schematów blokowych lub makiet, i zawiera referencje ikon AWS/Azure/GCP plus konfigurowalną paletę marki.

Raport z testu

Wygenerowano rzeczywisty diagram architektury 3-warstwowej: konwencje mxCell umiejętności (html=1, warstwy fillColor, kształt cylindra DB, legenda) produkują XML, który faktycznie renderuje się poprawnie w draw.io, podczas gdy naiwna próba z pamięci użyła gołych ciągów stylów (bez html=1, bez wypełnienia, bez grotów strzałek), które draw.io renderuje jako uszkodzone, niestylizowane pola.

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

Instalacja

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

Komendy i przykładowe prompty

/drawioGeneruje prawidłowe, stylizowane diagramy XML draw.io z kolorami, ikonami i legendami.

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

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

Pełny raport →