mermaid-tools

Community

Generate PNGs from Mermaid diagrams.

Authorabudhahir
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the conversion of Mermaid diagrams embedded in markdown files into high-quality PNG images, streamlining documentation and presentation workflows.

Core Features & Use Cases

  • Automated Diagram Extraction: Extracts all Mermaid code blocks from markdown files.
  • High-Resolution PNG Generation: Creates crisp, scalable PNG images using bundled scripts.
  • Smart Sizing: Automatically adjusts image dimensions based on diagram type (e.g., timelines, architectures).
  • Use Case: Convert a markdown document containing multiple architecture diagrams into a set of presentation-ready PNG files with a single command.

Quick Start

Use the mermaid-tools skill to convert all Mermaid diagrams in '/path/to/document.md' into PNG images in '/path/to/output'.

Dependency Matrix

Required Modules

None required

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/abudhahir/projects-pkm/archive/main.zip#mermaid-tools

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

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.