Diagram

Wybiera mermaid vs drawio według złożoności, zapisuje diagram w dokumentach, podgląda przez MCP.

Autor: domengabrovsek · domengabrovsek/claude

Testowano · Działa ★ 9.2/10

Diagram — Wybiera mermaid vs drawio według złożoności, zapisuje diagram w dokumentach, podgląda przez MCP.

Co robi ten skill

Decyduje o mermaid-vs-drawio przy użyciu wbudowanych heurystyk (swimlanes, niestandardowe kształty, precyzja układu), zapisuje źródło diagramu w docelowym dokumencie, a dla drawio podgląda go na żywo przez serwer MCP drawio, zanim użytkownik wyeksportuje PNG. Reaguje na 'diagram', '/diagram' lub każde żądanie diagramu przepływu, architektury, sekwencji/stanu; domyślnie używa mermaid, więc powszechny przypadek nie wymaga dodatkowych narzędzi.

Raport z testu

Poproszono dwukrotnie o diagram przepływu logowania: podstawowa odpowiedź (ignorowana przez skill) powtórzyła dokładnie ten sam anty-wzorzec ASCII-art, którego skill wyraźnie zabrania, podczas gdy podążanie za ciałem skilla wygenerowało rzeczywisty, zatwierdzony plik docs/auth-flow.md z poprawnie wpisanym blokiem mermaid sequenceDiagram. Domyślna ścieżka mermaid nie wymaga niczego poza skopiowanym folderem skilla; tylko gałąź drawio wymaga oddzielnego serwera drawio .mcp.json, który nie jest kopiowany przez zwykłą instalację folderu skilla przypisanego do zadania.

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

Instalacja

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

Komendy i przykładowe prompty

  • /diagramWybiera mermaid vs drawio według złożoności, zapisuje diagram w dokumentach, podgląda przez MCP.

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

  • 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