mermaid-tools

Community

Diagrams to PNGs, effortlessly.

Authordaymade
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the tedious process of converting Mermaid diagrams embedded in Markdown files into high-quality PNG images, saving manual effort and ensuring consistent visual outputs.

Core Features & Use Cases

  • Automated Extraction: Automatically finds and extracts Mermaid code blocks from Markdown files.
  • High-Quality PNG Generation: Converts diagrams to crisp, high-resolution PNGs with smart sizing and custom dimensions.
  • Use Case: Convert a technical document with 20 embedded Mermaid diagrams into a presentation-ready PDF with all diagrams as clear images, without manual screenshotting or conversion.

Quick Start

Use the mermaid-tools skill to extract all Mermaid diagrams from 'my_document.md' and save them as PNGs in the 'diagrams' folder.

Dependency Matrix

Required Modules

@mermaid-js/mermaid-cligoogle-chrome-stablepython3

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: mermaid-tools
Download link: https://github.com/daymade/claude-code-skills/archive/main.zip#mermaid-tools

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository