Skills
.Work. You
Rest

mermaid-display-beauty

Community

Render Mermaid diagrams as SVG quickly with Bun.

Software Engineering#mermaid#bun#svg#server-side#diagram#render#web-diagrams
Authormusingfox
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Render Mermaid diagrams as SVG images using the beautiful-mermaid renderer to enable fast, server-side rendering without relying on browser tools or Puppeteer.

Core Features & Use Cases

  • Synchronous server-side rendering of Mermaid syntax to SVG
  • Supports Flowchart, Sequence Diagram, Class Diagram, State Diagram, ER Diagram, and XY Chart
  • Useful when Bun is installed or when mmdc/npx is unavailable and SVG output is preferred

Quick Start

Provide a Mermaid diagram specification and the skill will render it as an SVG

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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-display-beauty
Download link: https://github.com/musingfox/cc-plugins/archive/main.zip#mermaid-display-beauty

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.