Draw.io Diagrams

Genera diagrammi XML draw.io validi e stilizzati con colori, icone e legende.

di scarr05 · scarr05/claude-skills-pub

Promosso ★ 9.6/10

Draw.io Diagrams — Genera diagrammi XML draw.io validi e stilizzati con colori, icone e legende.

Cosa fa

Produce XML .drawio (mxfile/mxGraphModel) per diagrammi di architettura, flowchart, topologia di rete e wireframe, importabili direttamente in draw.io/diagrams.net. Si attiva su richieste di creazione di diagrammi, visualizzazioni di architettura, flowchart o wireframe, e include riferimenti di icone AWS/Azure/GCP più una palette di marca personalizzabile.

Rapporto di test

Ha generato un diagramma di architettura a 3 livelli reale: le convenzioni mxCell della skill (html=1, livelli fillColor, forma cilindro DB, legenda) producono XML che viene effettivamente renderizzato correttamente in draw.io, mentre un tentativo naive a memoria ha utilizzato stringhe di stile nude (senza html=1, senza riempimento, senza punte freccia) che draw.io renderizza come caselle non stilizzate e rotte.

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

Installazione

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

Comandi e prompt di esempio

  • /drawioGenera diagrammi XML draw.io validi e stilizzati con colori, icone e legende.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • 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