Diagram

Väljer mermaid vs drawio baserat på komplexitet, skriver diagrammet i dina dokument, förhandsgranskar via MCP.

av domengabrovsek · domengabrovsek/claude

Testad · Fungerar ★ 9.2/10

Diagram — Väljer mermaid vs drawio baserat på komplexitet, skriver diagrammet i dina dokument, förhandsgranskar via MCP.

Vad den gör

Avgör mermaid-vs-drawio med hjälp av inbyggda heuristiker (simbanor, anpassade former, layoutprecision), skriver diagramkällan i måldokumentet, och för drawio förhandsgranskar det live via drawio MCP-servern innan användaren exporterar en PNG. Triggers på 'diagram', '/diagram', eller någon flowchart/arkitektur/sekvens/state diagram-förfrågan; standard är mermaid så att det vanliga fallet inte kräver extra verktyg.

Testrapport

Bad om ett inloggningsflödesdiagram två gånger: baslinjesvaret (färdigheten ignorerad) reproducerade exakt samma ASCII-konst anti-mönster som färdigheten uttryckligen förbjuder, medan följandet av färdighetskroppen producerade en riktig, incheckad docs/auth-flow.md med ett korrekt typat mermaid sequenceDiagram-block. Standard mermaid-vägen kräver inget utöver den kopierade färdighetsmappen; endast drawio-grenen kräver den separata .mcp.json drawio-servern, som inte kopieras av tilldelningens vanliga färdighetsmappinstallation.

Testad: 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

Kommandon och exempelprompter

/diagramVäljer mermaid vs drawio baserat på komplexitet, skriver diagrammet i dina dokument, förhandsgranskar via MCP.

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

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

Läs hela rapporten →