Diagram Design — 29 typů editoriálních diagramů pro Claude Code
Diagram Design je skill pro Claude Code, Codex a Pi, který generuje 29 typů editoriálních diagramů (architektura, flowcharty, sekvenční diagramy, grafy a další) v kvalitě připravené pro publikování. Diagramy se vykreslují v HTML bez závislostí a lze je přizpůsobit barvou a typografií konkrétní značky. Skill zvládá i převod zdrojů z draw.io či Mermaid do zvoleného formátu a úrovně detailu.
Nevím proč, ale většina diagramu vypadá po grafické stránce neatraktivně. Na výrobu diagramu máme spoustu schopných nástrojů, jako je Mermaid, Draw.io a mnoho dalších. Ale že by se daly použít rovnou na webu a vypadaly moderně a vizuálně atraktivně se říct nedá. Tento skills by to mohl řešit alespoň pro AI nástroje.
Jaké jsou hlavní typy diagramů, které Diagram Design podporuje?
Skill pokrývá 29 typů zahrnujících architekturní schémata, flowcharty, sekvenční diagramy, stavové automaty, entity-relationship modely, časové osy, swimlanes, kvadranty, stromové struktury, organizační schémata, Vennovy diagramy, pyramidy, mapy radarů, flywheely, datové toky a grafy (sloupcové, spojnicové, Ganttovy, rozptylové a další).
Jak se Diagram Design odlišuje od nástrojů jako Mermaid či draw.io?
Diagram Design generuje HTML diagramy editorské kvality bez externích závislostí a JavaScript. Zaměřuje se na minimalistické, vizuálně atraktivní návrhy, které odpovídají designu webu uživatele a lze je přizpůsobit barvou a typografií v řádech minut.
Je možné diagramy z Mermaid či draw.io převést do Diagram Design?
Ano, skill zvládá překreslit existující diagramy ze zdrojů Mermaid a draw.io do vlastního formátu, přičemž umožňuje zvolit velikost, úroveň detailu a styl (minimalní či editoriální).
Jak se instaluje Diagram Design pro Claude Code?
Instalace probíhá přes `/plugin marketplace add cathrynlavery/diagram-design` a `/plugin install diagram-design@diagram-design`. Automatické aktualizace se aktivují v nastavení marketplace pluginů.
- Upgrade Claude Cowork v Chromu — claude.com 76 % shoda
- Experiment s Gemma 4 jako offline překladačem — github.com 76 % shoda
- Buzz: pracovní prostor pro spolupráci lidí a agentů na vlastní infrastruktuře — github.com 75 % shoda
- Diagram Design
- Claude Code8
- Codex6
- Pi
- Mermaid
- draw.io
- Cathryn Lavery
- GitHub15