Przejdź do treści
↑↓nawiguj↵otwórzesczamknij
Claude+372Whisper+228LangChain+168Codex+223NotebookLM+276DALL-E 3+192DeepL+249n8n+208Topaz Video AI+153LlamaIndex+161
Diagram Design logo
Umiejętność

Diagram Design

Twórz 39 typów diagramów w kolorach i fontach swojej marki

0
ZapiszOdwiedź stronę ↗

Instalacja

Zawiera skrypty
Claude Code: /plugin marketplace add cathrynlavery/diagram-design
Uruchamia się przy

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.

Komentarze(0)

Zaloguj się, aby skomentować

Nie ma jeszcze komentarzy — napisz pierwszy.

Podobne umiejętności

Zgłoś ten komentarz

Dlaczego to zgłaszasz?