mermaid-to-png
Installation
SKILL.md
Mermaid to PNG
Extracts mermaid diagrams from markdown files, renders them to PNGs, and inserts image references after each mermaid block. The original mermaid code is preserved for future editing.
Usage
Run the script via bunx:
bunx ~/nixos-config/modules/programs/claude-code/skills/mermaid-to-png/mermaid-to-png.ts "<markdown-file>"
What it does
- Finds all
```mermaidcode blocks in the markdown file - Renders each to PNG via mermaid.ink API (no local browser needed)
- Saves PNGs to
assets/<filename-kebab-case>/diagram-N.png - Inserts
after each mermaid block - Preserves original mermaid code for future edits