mermaid

Umiejętność do renderowania diagramów Mermaid w postaci grafiki SVG lub tekstu ASCII. Obsługuje pięć typów schematów: flowcharty (procesy i decyzje), diagramy sekwencji (interakcje API), diagramy stanów (maszyny stanów), diagramy klas (projektowanie OOP) oraz diagramy ER (schematy baz danych). Idealny do dokumentacji, planowania procesów i wizualizacji architektur. Biblioteka beautiful-mermaid instaluje się automatycznie przy pierwszym uruchomieniu.

1. Przygotuj plik z kodem Mermaid (np. diagram.mmd) zawierający składnię diagramu, na przykład graph TD; Start-->End dla flowchart'u lub sequenceDiagram dla diagramu sekwencji. 2. Aby wygenerować diagram w formacie SVG (domyślny), uruchom polecenie npx tsx scripts/render.ts diagram.mmd --output diagram.svg – plik SVG pojawi się w katalogu wyjściowym. 3. Jeśli chcesz wyświetlić diagram jako tekst ASCII w terminalu, użyj flagi --ascii: npx tsx scripts/render.ts diagram.mmd --ascii. 4. Możesz również przesłać kod diagramu bezpośrednio przez stdin, na przykład echo "graph LR; A-->B-->C" | npx tsx scripts/render.ts --stdin --output flow.svg. 5. Do dostosowania wyglądu SVG zastosuj flagę --theme, na przykład --theme github-dark; wpisz --theme ? aby zobaczyć listę dostępnych motywów. 6. Sprawdź plik references/syntax.md w repozytorium, aby znaleźć pełną dokumentację składni dla każdego typu diagramu (flowchart, sequence, state, class, ER).