mermaid

Render Mermaid code to SVG or ASCII diagrams.

33|6|Updated Apr 8, 2026
One-click install
npx skills add https://github.com/gaogg521/1ONE-ClaudeCode --skill mermaid-gaogg521
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mermaid
Source: https://github.com/gaogg521/1ONE-ClaudeCode/tree/main/src/process/resources/skills/mermaid
Command: npx skills add https://github.com/gaogg521/1ONE-ClaudeCode --skill mermaid-gaogg521

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires beautiful-mermaid, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Mermaid diagrams are often created manually or rendered inconsistently; this skill renders Mermaid code into consistent SVG or ASCII visuals for documentation, testing, and rapid prototyping.

Core Features & Use Cases

  • SVG output for high-fidelity visuals in docs, dashboards, and UIs
  • ASCII output for terminal-friendly workflows and quick references
  • Supports Flowchart, Sequence, State, Class, and ER diagrams, with optional theming
  • CLI-friendly: accepts input from files or stdin and auto-detects diagram types

Quick Start

Install and run the renderer to generate SVG or ASCII diagrams from Mermaid code.

Frequently Asked Questions about mermaid

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render Mermaid diagrams to SVG for documentation?

You can render Mermaid diagrams to SVG by providing Mermaid code as input, which generates high-fidelity SVG visuals suitable for docs, dashboards, and UIs.

Can I render Mermaid flowcharts as ASCII for terminal workflows?

Yes, rendering Mermaid flowcharts as ASCII is supported for terminal-friendly workflows, providing quick text-based visual references directly in your CLI.

What diagram types can I render from Mermaid code?

Rendering supports Flowchart, Sequence, State, Class, and ER diagrams from Mermaid code, with auto-detection of diagram types and optional theming.

How do I pipe Mermaid code through stdin to render diagrams?

Rendering Mermaid diagrams accepts input from files or stdin, making it CLI-friendly for piping Mermaid code directly into the renderer for SVG or ASCII output.

Do I need the beautiful-mermaid library to render Mermaid diagrams?

Yes, rendering Mermaid diagrams requires the beautiful-mermaid library as a dependency to process Mermaid code into SVG or ASCII output.