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
Decision gist · record as of 2026-07-27
Mermaid Tools extracts Mermaid diagrams from markdown and generates PNG images with configurable resolution. 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.
Use it when
- Yes.
- Mermaid-tools generates print-quality PNG images from embedded Mermaid code.
Verify before relying
Read SKILL.md below before installing (6 files). Open directory: indexed for reading, not audited.
Install
daymade/claude-code-skills/mermaid-tools · repository language: Python
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently 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)
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
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Extract Mermaid diagrams from markdown and convert to PNG images”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Convert Mermaid diagrams to production-ready SVG, PNG, or PDF across web and offline contexts. Choose lazy-loaded client-side rendering for documentation sites, mermaid-cli for small batches, or the native Rust renderer for high-volume CI/CD pipelines. Handles performance optimization, theme customization, and multi-format output.
Convert various content types—code snippets, Markdown, diagrams, and rendered components—into PNG images. The skill supports multiple rendering approaches including headless browser capture, specialized CLI tools, and format-specific converters for flexibility across different source materials.
Design Doc Mermaid transforms descriptions and source code into visual diagrams across multiple types—activity flows, deployment infrastructure, system architecture, and API sequences. It includes specialized guides for different diagram categories, code-to-diagram workflows for popular frameworks, and Python utilities for extraction and image conversion.
Academic Paper Writer Pro transforms research papers across multiple input formats—PDF, DOC, DOCX, and Markdown—into polished Word documents. The skill routes each source through a specialized pipeline: OCR for scanned PDFs, XML-level reformatting for existing Word files, or direct conversion for Markdown sources. It handles complex academic elements including LaTeX equations, figures, tables, and reference management while preserving formatting integrity.
Create and validate Mermaid diagrams across multiple types—flowcharts for processes, sequence diagrams for system interactions, class and state diagrams for object models and lifecycles, ER diagrams for data relationships, and other specialized formats like Gantt charts. The skill preserves editable source while optionally rendering static SVG assets when needed for documents or slides.
Transform Mermaid diagrams into terminal-friendly ASCII and Unicode visualizations. Render from .mmd files, standard input, or Markdown fenced blocks with a simple command-line interface. Auto-installs dependencies into a cache directory or symlinks a persistent command to your PATH.
More skills Aris Mermaid Diagram (NOASSERTION) · mermaid-diagram-generator (MIT)