Toolverse
All skills

mermaid-tools

by daymade

Extracts Mermaid diagrams from markdown files and generates high-quality PNG images using bundled scripts. Activates when working with Mermaid diagrams, converting diagrams to PNG, extracting diagrams from markdown, or processing markdown files with embedded Mermaid code.

Installation

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

Installation

Quick info

Author
daymade
Category
Frontend
Views
5

About this skill

Extracts Mermaid diagrams from markdown files and generates high-quality PNG images using bundled scripts. Activates when working with Mermaid diagrams, converting diagrams to PNG, extracting diagrams from markdown, or processing markdown files with embedded Mermaid code.

How to use

  1. Przejdź do katalogu skryptów umiejętności: cd ~/.claude/skills/mermaid-tools/scripts

  2. Przygotuj plik markdown zawierający bloki kodu Mermaid (diagramy powinny być w formatzie mermaid ... ).

  3. Uruchom skrypt wyodrębniający i generujący obrazy, podając ścieżkę do pliku markdown i opcjonalnie katalog wyjściowy: ./extract-and-generate.sh "/ścieżka/do/dokument.md" "/ścieżka/do/wyjścia"

  4. Jeśli nie podasz katalogu wyjściowego, diagramy zostaną zapisane w podkatalogu diagrams w lokalizacji pliku źródłowego.

  5. Skrypt automatycznie wyodrębni wszystkie diagramy Mermaid, numeruje je sekwencyjnie (01, 02, 03...), generuje pliki .mmd oraz wysokorozdzielczościowe obrazy PNG.

  6. Sprawdź wygenerowane pliki w katalogu wyjściowym — każdy diagram będzie miał nazwę w formacie 01-nazwa-diagramu.png oraz odpowiadający mu plik źródłowy .mmd.

Related skills