SkillProof tested Claude skills

Draw.io Diagrams

Génère des diagrammes XML draw.io valides et stylisés avec des couleurs, des icônes et des légendes.

par scarr05 · scarr05/claude-skills-pub

Testé · Fonctionne ★ 9.6/10

Draw.io Diagrams — Génère des diagrammes XML draw.io valides et stylisés avec des couleurs, des icônes et des légendes.

Ce que fait

Produit du XML .drawio (mxfile/mxGraphModel) pour des diagrammes d'architecture, des organigrammes, des topologies réseau et des wireframes, importables directement dans draw.io/diagrams.net. Se déclenche sur les demandes de création de diagrammes, de visuels d'architecture, d'organigrammes ou de wireframes, et inclut des références d'icônes AWS/Azure/GCP ainsi qu'une palette de marque personnalisable.

Rapport de test

A généré un véritable diagramme d'architecture à 3 niveaux : les conventions mxCell du skill (html=1, couleurs de remplissage des niveaux, forme de cylindre pour la base de données, légende) produisent un XML qui s'affiche correctement dans draw.io, tandis qu'une tentative naïve de mémoire a utilisé des chaînes de style brutes (pas de html=1, pas de remplissage, pas de pointes de flèche) que draw.io rend comme des boîtes non stylisées cassées.

Testé le: 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

Commandes et exemples de prompts

  • /drawioGénère des diagrammes XML draw.io valides et stylisés avec des couleurs, des icônes et des légendes.

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

  • 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

Rapport complet →