mermaid-to-png

Convert Mermaid code blocks in Markdown files to styled PNG/SVG images with built-in themes.

Use This Skill When

• The input is a Markdown file containing mermaid code blocks
• The user wants PNG/SVG exports, visual polish, or image replacement in the Markdown
• The target is an article, slide deck, blog post, or WeChat Official Account post
• The user says "make this Mermaid diagram look better" without naming a file format

Workflow

1. Inspect the Markdown file and confirm it contains Mermaid code blocks.
2. Run the bundled converter:

python3 mermaid-to-png/scripts/convert.py <input-file> --style fresh-business --width 900 --replace