Toolverse
All skills

mermaid-expert

by sickn33

Create Mermaid diagrams for flowcharts, sequences, ERDs, and architectures. Masters syntax for all diagram types and styling. Use PROACTIVELY for visual documentation, system diagrams, or process flows.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
sickn33
Category
Frontend
Views
76

About this skill

Create Mermaid diagrams for flowcharts, sequences, ERDs, and architectures. Masters syntax for all diagram types and styling. Use PROACTIVELY for visual documentation, system diagrams, or process flows.

How to use

  1. Aktywuj umiejętność mermaid-expert w swoim agencie lub środowisku Claude/Copilot. Umiejętność będzie dostępna, gdy pracujesz nad zadaniami wymagającymi diagramów wizualnych.

  2. Określ cel diagramu — powiedz ekspertowi, co chcesz zwizualizować: proces biznesowy, interakcję API, strukturę bazy danych, przepływ użytkownika czy architekturę systemu. Im precyzyjniej opiszesz wymagania, tym lepszy będzie rezultat.

  3. Pozwól ekspertowi wybrać odpowiedni typ diagramu (flowchart, sequenceDiagram, erDiagram, stateDiagram, gantt, architecture itp.) na podstawie Twoich danych i celu. Ekspert zaproponuje najlepsze rozwiązanie dla Twojego przypadku.

  4. Otrzymasz kompletny kod Mermaid gotowy do renderowania. Kod będzie zawierać zarówno wersję podstawową jak i stylizowaną, z komentarzami wyjaśniającymi złożoną składnię.

  5. Skopiuj kod do edytora Mermaid (mermaid.live) lub zintegruj bezpośrednio w dokumentacji. Ekspert poda instrukcje renderowania i rekomendacje eksportu dla różnych formatów.

  6. Jeśli potrzebujesz alternatywnych wariantów diagramu, dodatkowych stylizacji lub uwzględnienia dostępności — poproś eksperta o modyfikacje. Zawsze otrzymasz zarówno wersję podstawową jak i zaawansowaną.

Related skills