moai-library-mermaid
Twórz diagramy architektoniczne i schematy przepływów bezpośrednio w Claude Code
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Umiejętność Mermaid dla Claude Code, która pozwala generować 21 typów diagramów — od schematów blokowych i sekwencji po diagramy C4 i wykresy Gantta. Integracja z MCP Playwright umożliwia renderowanie diagramów do formatu SVG i PNG. Zawiera gotowe przykłady, pełną dokumentację składni Mermaid 11.12.2 oraz wzorce dla dokumentacji enterprise. Idealna do tworzenia wizualizacji architektur systemów, procesów biznesowych i relacji danych.
Jak używać
Umiejętność moai-library-mermaid jest dostępna w Claude Code jako biblioteka systemowa — nie wymaga ręcznej instalacji. Aktywuje się automatycznie, gdy w rozmowie pojawią się słowa kluczowe takie jak "diagram", "flowchart", "sekwencja", "architektura" lub "wizualizacja".
Poproś Claude Code o stworzenie diagramu, określając jego typ i zawartość. Na przykład: "Utwórz diagram sekwencji pokazujący interakcję między klientem, serwerem i bazą danych" lub "Narysuj schemat blokowy procesu zatwierdzania zamówienia".
Claude Code automatycznie użyje składni Mermaid odpowiedniej dla wybranego typu diagramu. Umiejętność obsługuje wszystkie 21 typów, w tym diagramy strukturalne (flowchart, sekwencja, klasy, ER), diagramy osi czasu (timeline, Gantt, gitgraph) oraz diagramy architektoniczne (C4, architecture, deployment).
Po wygenerowaniu kodu Mermaid, MCP Playwright renderuje diagram do formatu SVG lub PNG. Wynik można natychmiast podejrzeć lub pobrać jako plik graficzny.
Jeśli potrzebujesz dostosować diagram, opisz zmiany w naturalnym języku — Claude Code zmodyfikuje kod Mermaid i ponownie wyrenderuje wizualizację. Umiejętność zawiera dokumentację wszystkich 21 typów diagramów i gotowe wzorce dla scenariuszy enterprise.