Toolverse
Wszystkie skille

mermaid-visualizer

autor: axtonliu

Zamień tekst w profesjonalne diagramy Mermaid do prezentacji i dokumentacji

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

Szybkie info

Kategoria
Frontend
Wyświetlenia
1

O skillu

Skill do automatycznego tworzenia schematów, flowchartów i diagramów architektur bezpośrednio z tekstu. Obsługuje przepływy procesów, mapy myśli, porównania i systemy, z wbudowaną ochroną przed błędami składni. Idealne do wizualizacji koncepcji w Obsidian, GitHub i innych platformach wspierających Mermaid. Wybierz typ diagramu, określ układ i szczegółowość — skill wygeneruje gotowy kod bez błędów.

Jak używać

  1. Zainstaluj skill mermaid-visualizer w swoim środowisku Claude/Copilot, dodając go do dostępnych narzędzi agenta.

  2. Gdy chcesz stworzyć diagram, opisz zawartość, którą chcesz wizualizować — na przykład: "Stwórz flowchart procesu zatwierdzania zamówienia" lub "Narysuj architekturę systemu z trzema modułami".

  3. Skill automatycznie przeanalizuje treść i wybierze odpowiedni typ diagramu (proces, przepływ kołowy, mapa myśli, porównanie lub architektura).

  4. Określ preferencje: układ (pionowy TB lub poziomy LR), poziom szczegółowości (prosty, standardowy, szczegółowy) i styl (minimalny, profesjonalny, kolorowy). Jeśli nie podasz, skill użyje domyślnych ustawień — układ pionowy, średnia szczegółowość, profesjonalne kolory.

  5. Skill wygeneruje kod Mermaid w bloku markdown, automatycznie obsługując typowe błędy składni (konflikty list, nazwy subgrafów, spacje), aby diagram poprawnie renderował się w Obsidian i GitHub.

  6. Skopiuj wygenerowany kod do swojego dokumentu lub narzędzia wspierającego Mermaid — diagram pojawi się natychmiast.

Podobne skille