Skills
.Work. You
Rest

mermaid-cli

Community

Convert Mermaid diagrams to images.

Design & Creative#png#mermaid#cli#svg#diagrams#image conversion
Authorusadamasa
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the conversion of Mermaid syntax diagrams into various image formats, streamlining the process of visualizing code and system designs.

Core Features & Use Cases

  • Diagram to Image Conversion: Transforms text-based Mermaid diagrams into PNG, SVG, or PDF files.
  • Customizable Output: Allows for adjustments in resolution, background color, and theme.
  • Use Case: Quickly generate a PNG image of a flowchart defined in Mermaid syntax for inclusion in a presentation or documentation.

Quick Start

Convert the Mermaid diagram in 'diagram.mmd' to a PNG image named 'output.png' with a white background and high resolution.

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-cli
Download link: https://github.com/usadamasa/claude-config/archive/main.zip#mermaid-cli

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.