BeClaude

mermaid

New
13.5kSmitheryGeneralby iofficeai

Render Mermaid diagrams as SVG or ASCII art using beautiful-mermaid. Use when users need to create flowcharts, sequence diagrams, state diagrams, class diagrams, or ER diagrams. Supports both graphical SVG output and terminal-friendly ASCII/Unicode output.

Install & Usage

1
Create the skills directory
mkdir -p .claude/skills
2
Download the skill file
mkdir -p .claude/skills && curl -o .claude/skills/mermaid.md https://raw.githubusercontent.com/iOfficeAI/AionUi/main/skills/mermaid/SKILL.md
3
Invoke in Claude Code
/mermaid
View source on GitHub
design

Frequently Asked Questions

What is mermaid?

Render Mermaid diagrams as SVG or ASCII art using beautiful-mermaid. Use when users need to create flowcharts, sequence diagrams, state diagrams, class diagrams, or ER diagrams. Supports both graphical SVG output and terminal-friendly ASCII/Unicode output.

How to install mermaid?

To install mermaid, create the .claude/skills directory in your project, then run the curl command to download the skill file. Once installed, invoke it in Claude Code with /mermaid.

What is mermaid best for?

mermaid is a community categorized under General. It is designed for: design. Created by iofficeai.