mermaid-diagrams
Twórz profesjonalne diagramy oprogramowania z tekstowych definicji Mermaid
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do generowania diagramów UML, architektur i przepływów za pomocą składni Mermaid. Idealna do dokumentowania struktury kodu, baz danych, interakcji API i procesów biznesowych. Diagramy pozostają w kontroli wersji, łatwo się je aktualizuje i utrzymuje razem z kodem. Obsługuje diagramy klas, sekwencji, flowcharty, schematy ER, architektury C4, stany, wykresy Gantta i wiele innych typów.
Jak używać
Zainstaluj skill mermaid-diagrams w swoim środowisku Claude lub agenta kodowego, dodając go do konfiguracji umiejętności.
Poproś Claude o diagram, używając słów kluczowych takich jak "narysuj diagram", "wizualizuj", "modeluj", "pokaż przepływ" lub opisz, co chcesz dokumentować — architekturę systemu, schemat bazy danych, strukturę kodu lub przepływ użytkownika.
Określ typ diagramu: dla struktury klas użyj diagramu klas, dla interakcji między komponentami — diagram sekwencji, dla procesów i algorytmów — flowchart, dla baz danych — diagram ER, dla systemów — architekturę C4.
Claude wygeneruje kod Mermaid z deklaracją typu na pierwszej linii (np. classDiagram, sequenceDiagram, flowchart) i zawartością definicji poniżej. Możesz dodawać komentarze za pomocą %%.
Skopiuj wygenerowany kod Mermaid do pliku tekstowego lub edytora obsługującego Mermaid — diagram renderuje się automatycznie z tekstu.
Aktualizuj diagram bezpośrednio w tekście — zmień definicje, dodaj nowe elementy lub usuń zbędne części. Brak wymaganych parametrów nie zepsuje diagramu, ale nieznane słowa mogą go uszkodzić, dlatego sprawdzaj składnię.