Extract Mermaid diagram code blocks from markdown files and render them as PNG images.
npx skills add https://github.com/shirulot/codex-skill --skill mermaid-tools-shirulot
Please help me install this Agent Skill. Skill: mermaid-tools Source: https://github.com/shirulot/codex-skill/tree/main/mermaid-tools Command: npx skills add https://github.com/shirulot/codex-skill --skill mermaid-tools-shirulot
This skill solves the challenge of visualizing complex system architectures and workflows by automatically extracting Mermaid diagrams from markdown files and rendering them as high-quality, professional PNG images.
Run the extract and generate script from the scripts directory providing the path to your markdown file to create diagrams in a new output folder.
High-intent search queries and answers about installing and using this skill.
To convert markdown Mermaid diagrams into PNG images, this skill extracts Mermaid code blocks from markdown files and renders them into high-resolution PNGs using headless Chrome. It supports automated documentation workflows by automatically scanning and isolating diagram code for visualization.
Yes, you need Google Chrome, Python 3, and mermaid-cli installed to render Mermaid diagrams from markdown. These dependencies manage the headless Chrome execution and dependency resolution required to generate high-resolution PNG outputs.
Automating architectural diagram generation is best handled by extracting Mermaid diagram code from markdown documentation and rendering it into print-quality PNGs. This skill automatically adjusts image dimensions based on diagram type, such as system architectures or sequence flows, for technical design visualization.
Yes, you can automatically adjust image dimensions when extracting Mermaid diagrams from markdown. The skill features smart sizing that automatically configures output dimensions based on the specific diagram type, including timelines, system architectures, and sequence flows.
Yes, it supports configurable scaling factors for high-resolution Mermaid PNG output. This allows you to generate print-quality images suitable for presentations or technical documentation directly from your extracted markdown diagram code blocks.
nicepkgExtract Mermaid diagrams from markdown files and generate PNG images.
het8802Convert Mermaid diagram code into SVG and PNG images.
JongsixGenerate technical documentation from source code and API definitions.
rnbenGenerate dark-themed architecture diagrams as standalone HTML files with inline SVG.
