Diagram

Sceglie mermaid vs drawio in base alla complessità, scrive il diagramma nei tuoi documenti, anteprima tramite MCP.

di domengabrovsek · domengabrovsek/claude

Promosso ★ 9.2/10

Diagram — Sceglie mermaid vs drawio in base alla complessità, scrive il diagramma nei tuoi documenti, anteprima tramite MCP.

Cosa fa

Decide mermaid-vs-drawio usando euristiche inline (swimlane, forme personalizzate, precisione del layout), scrive il sorgente del diagramma nel documento di destinazione e per drawio lo anteprima dal vivo tramite il server MCP drawio prima che l'utente esporti un PNG. Si attiva con 'diagram', '/diagram', o qualsiasi richiesta di diagramma di flusso/architettura/sequenza/stato; per impostazione predefinita utilizza mermaid, quindi il caso comune non richiede strumenti aggiuntivi.

Rapporto di test

Ho chiesto un diagramma di flusso di login due volte: la risposta di base (ignorata dallo skill) ha riprodotto l'esatto anti-pattern ASCII-art che lo skill vieta esplicitamente, mentre seguire il corpo dello skill ha prodotto un vero file docs/auth-flow.md committato con un blocco sequenceDiagram mermaid correttamente tipizzato. Il percorso mermaid predefinito non richiede nulla oltre alla cartella dello skill copiata; solo il ramo drawio necessita del server MCP .mcp.json separato, che non viene copiato dall'installazione semplice della cartella dello skill prevista dall'assegnazione.

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

Installazione

git clone https://github.com/domengabrovsek/claude.git
cd claude
mkdir -p ~/.claude/skills
cp -r skills/diagram ~/.claude/skills/diagram

Comandi e prompt di esempio

  • /diagramSceglie mermaid vs drawio in base alla complessità, scrive il diagramma nei tuoi documenti, anteprima tramite MCP.

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 sequence diagram of the login flow for our docs
  • make a flowchart showing how requests move through our architecture
  • add an architecture diagram into this markdown file