mermaid-render

Community

Render Mermaid diagrams in terminal.

Authorbadaniya
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill renders Mermaid diagrams into terminal-friendly output: ASCII art for quick readability, a GUI viewer for complex diagrams, or saved image files (PNG/SVG/PDF) for documentation.

Core Features & Use Cases

  • ASCII rendering in the terminal using graph-easy for quick, readable diagrams.
  • GUI viewer support via the -f view option for non-text diagrams.
  • Inline image rendering in terminals that support Kitty graphics (-f image) for high-quality visuals.
  • File export options to PNG, SVG, or PDF for sharing and embedding in reports.
  • Triggered by requests like "render mermaid", "show diagram", or "visualize graph" to produce immediate visuals.

Quick Start

Render ASCII art (default): ~/.agents/skills/mermaid-render/scripts/mermaid-render.sh "graph LR; A[Start] --> B[End]" Open in GUI viewer: ~/.agents/skills/mermaid-render/scripts/mermaid-render.sh -f view "sequenceDiagram; A->>B: Hello" Save as PNG: ~/.agents/skills/mermaid-render/scripts/mermaid-render.sh -f png -o diagram.png "graph TD; A-->B"

Dependency Matrix

Required Modules

graph-easymermaid-clichafa

Components

scripts

💻 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-render
Download link: https://github.com/badaniya/.stowed/archive/main.zip#mermaid-render

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 471,000+ vetted skills library on demand.