Diagram Design
Twórz 39 typów diagramów w kolorach i fontach swojej marki
Instalacja
Zawiera skryptyClaude Code: /plugin marketplace add cathrynlavery/diagram-design
When user requests a diagram type (flowchart, architecture, sequence, state machine, Gantt, etc.) or asks to redraw existing draw.io/Mermaid files
- Autor
- Cathryn Lavery
- Licencja
- MIT
Ta umiejętność pomaga architektom rozwiązań, inżynierom i autorom dokumentacji technicznej szybko tworzyć profesjonalne diagramy zgodne z identyfikacją wizualną marki. Obsługuje 39 typów diagramów — od modeli danych i architektur wdrożeń po mapy Wardleya i ścieżki użytkowników. Każdy diagram jest zoptymalizowanym, samodzielnym plikiem HTML z osadzonym SVG i CSS, bez zewnętrznych zależności.
Najważniejsze funkcje
- Automatycznie pobiera tokeny marki z witryny lub lokalnego systemu projektowego
- Obsługuje 39 typów diagramów, w tym schematy blokowe, diagramy sekwencji, maszyny stanów, modele ER, wykresy Gantta i Sankeya oraz diagramy klas UML
- Przerysowuje istniejące pliki draw.io i Mermaid w niestandardowych rozmiarach i na wybranym poziomie szczegółowości
- Egzekwuje standardy jakości redakcyjnej: ograniczoną liczbę węzłów, czytelne etykiety i pełną dostępność
- Tworzy jednoplikowe diagramy HTML zoptymalizowane pod kątem internetu, druku i dokumentacji
- Oferuje wbudowaną obsługę jasnego i ciemnego motywu oraz opcjonalnego stylu szkicowego lub terminalowego
System stawia na czytelność poprzez radykalne upraszczanie — każdy element musi mieć uzasadnienie. Wymusza bezwzględne wyrównanie do siatki 4 pikseli i stosuje sześć reguł łączników, aby zapobiegać niejednoznaczności wizualnej. Gdy złożoność przekracza ustalone limity, diagramy są automatycznie dzielone na widok ogólny i szczegółowy. Rozwiązanie sprawdzi się u architektów systemów, zespołów produktowych i twórców dokumentacji technicznej, którzy potrzebują szybkiej komunikacji wizualnej zgodnej z marką bez używania zewnętrznych narzędzi.
Podobne umiejętności
Draw.io Diagrams
UmiejętnośćZamieniaj pomysły i kod w edytowalne diagramy draw.io
Theme Factory
UmiejętnośćNadaje istniejącym projektom spójne kolory i typografię
Code Documentation
UmiejętnośćTworzy dokumentację API, diagramy architektury i samouczki

Komentarze(0)
Zaloguj się, aby skomentować