Diagram
Choisit mermaid vs drawio par complexité, écrit le diagramme dans vos docs, prévisualise via MCP.
Testé · Fonctionne
Ce que fait
Décide mermaid-vs-drawio en utilisant des heuristiques en ligne (couloirs, formes personnalisées, précision de la mise en page), écrit la source du diagramme dans le document cible, et pour drawio le prévisualise en direct via le serveur MCP drawio avant que l'utilisateur n'exporte un PNG. Se déclenche sur 'diagram', '/diagram', ou toute demande de diagramme de flux, d'architecture, de séquence ou d'état; utilise mermaid par défaut, donc le cas courant ne nécessite aucun outil supplémentaire.
Rapport de test
Demandé un diagramme de flux de connexion deux fois : la réponse de base (ignorée par la compétence) a reproduit l'anti-modèle exact d'art ASCII que la compétence interdit explicitement, tandis que le suivi du corps de la compétence a produit un vrai fichier docs/auth-flow.md commité avec un bloc sequenceDiagram mermaid correctement typé. Le chemin mermaid par défaut ne nécessite rien au-delà du dossier de compétence copié; seule la branche drawio nécessite le serveur MCP .mcp.json séparé, qui n'est pas copié par l'installation simple du dossier de compétence de l'affectation.
Testé le: 2026-07-15 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/domengabrovsek/claude.git cd claude mkdir -p ~/.claude/skills cp -r skills/diagram ~/.claude/skills/diagram
Commandes et exemples de prompts
/diagramChoisit mermaid vs drawio par complexité, écrit le diagramme dans vos docs, prévisualise via MCP.
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 sequence diagram of the login flow for our docsmake a flowchart showing how requests move through our architectureadd an architecture diagram into this markdown file