Can I customize the visual style of the diagrams?

Yes, the skill supports built-in themes like dark and forest, as well as custom CSS files and Mermaid configuration JSON for granular styling.

How does the validation and fix workflow work?

The skill attempts to render the diagram; if it fails, it captures the specific syntax error, allowing Claude to analyze the output and automatically correct the markup.

Can it process diagrams inside Markdown files?

Yes, it can read a Markdown file and replace all mermaid code blocks with tags pointing to generated image files.

What diagram types are supported?

It supports all official Mermaid types, including flowcharts, sequence diagrams, class diagrams, ER diagrams, Gantt charts, mindmaps, and state diagrams.

Do I need to install mermaid-cli separately?

Yes, the mmdc tool must be installed on your local system via npm, npx, or Docker for this skill to function correctly.

Mermaid Diagram CLI

Name: Mermaid Diagram CLI
Author: dashed

bydashed

•

콘텐츠 관리

Generates, validates, and fixes professional Mermaid diagrams from text-based markup files.

The Mermaid CLI skill empowers Claude to create, verify, and repair a wide variety of technical diagrams—including flowcharts, sequence diagrams, and ER diagrams—directly within the development workflow. By leveraging the official mmdc tool, it converts declarative Mermaid syntax into high-quality SVG, PNG, or PDF assets, providing an automated 'diagram-as-code' experience that ensures syntax correctness through iterative validation and error fixing.

주요 기능

01Batch process Markdown files by replacing code blocks with rendered images

02Support for 20+ diagram types including Gantt, ER, and Class diagrams

037 GitHub stars

04Customizable appearance via themes, CSS, and configuration JSON

05Generate SVG, PNG, and PDF diagrams from .mmd text files

06Automated syntax validation with detailed error reporting and fixing

사용 사례

01Converting text-based architecture designs into publication-ready visual assets

02Debugging and fixing broken Mermaid syntax in existing project repositories

03Automating technical documentation updates with embedded visual diagrams

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add dashed/claude-marketplace mermaid-cli

For use in Claude.ai and ChatGPT

Download Skill