mermaid-tools
Mermaid Tools extracts diagram code from markdown files and renders them as high-resolution PNG images. The skill bundles all necessary scripts and supports custom sizing, smart dimension detection by diagram type, and print-quality output scaling.
Mermaid Tools extracts Mermaid diagrams from markdown and generates PNG images with configurable resolution.
AI-generated summary based on this skill's SKILL.md
Install
daymade/claude-code-skills/mermaid-tools · repository language: Python
git clone https://github.com/daymade/claude-code-skills
cp -r claude-code-skills/daymade-docs/mermaid-tools ~/.claude/skills/mermaid-toolsFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How does mermaid-tools extract mermaid diagrams from markdown?
Mermaid-tools parses markdown files to identify embedded Mermaid code blocks and extracts the diagram syntax. It then processes each extracted diagram through the Mermaid rendering engine to generate corresponding PNG images with configurable resolution and scaling options.
Can mermaid-tools convert mermaid to PNG with custom dimensions?
Yes. Mermaid-tools supports customizable diagram dimensions and scaling for different use cases. You can specify output sizes for presentations or print, and the tool includes smart dimension detection by diagram type to optimize visual quality automatically.
What does mermaid-tools produce for high-resolution mermaid PNG output?
Mermaid-tools generates print-quality PNG images from embedded Mermaid code. The skill bundles all necessary rendering scripts and supports scaling adjustments to ensure high-resolution output suitable for professional documents and presentations.
Does mermaid-tools batch process markdown files?
Yes. Mermaid-tools can batch process multiple markdown files to extract and render all diagrams in one workflow. This automation capability streamlines the conversion of large documentation sets containing numerous Mermaid diagrams into PNG image collections.
What license does mermaid-tools use?
Mermaid-tools is released under the MIT license, making it freely available for both personal and commercial use with minimal restrictions.
SKILL.md
rendered from the published skill — quoted content, verbatim
Mermaid Tools
Overview
This skill enables extraction of Mermaid diagrams from markdown files and generation of high-quality PNG images. The skill bundles all necessary scripts (extract-and-generate.sh, extract_diagrams.py, and puppeteer-config.json) in the scripts/ directory for portability and reliability.
Core Workflow
Standard Diagram Extraction and Generation
Extract Mermaid diagrams from a markdown file and generate PNG images using the bundled extract-and-generate.sh script:
cd "${CLAUDE_SKILL_DIR}/scripts"
./extract-and-generate.sh "<markdown_file>" "<output_directory>"
Parameters:
- <markdown_file>: Path to the markdown file containing Mermaid diagrams
- <output_directory>: (Optional) Directory for output files. Defaults to <markdown_file_directory>/diagrams
Example: ```bash cd
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 6 files
daymade-docs/mermaid-tools/.security-scan-passed
daymade-docs/mermaid-tools/SKILL.md
daymade-docs/mermaid-tools/references/setup_and_troubleshooting.md
daymade-docs/mermaid-tools/scripts/extract-and-generate.sh
daymade-docs/mermaid-tools/scripts/extract_diagrams.py
daymade-docs/mermaid-tools/scripts/puppeteer-config.json