moai-library-mermaid
Enterprise Mermaid diagramming skill for Claude Code using MCP Playwright. Use when creating architecture diagrams, flowcharts, sequence diagrams, or visual documentation.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Enterprise Mermaid diagramming skill for Claude Code using MCP Playwright. Use when creating architecture diagrams, flowcharts, sequence diagrams, or visual documentation.
How to use
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.