Skills
.Work. You
Rest

mermaid-graph-renderer

Official

Render Mermaid diagrams to images.

Software Engineering#png#mermaid#rendering#cli#svg#diagrams#web
Authorcuriositech
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the conversion of Mermaid diagrams into various image formats (SVG, PNG, PDF), optimizing rendering performance and offering solutions for both web and offline contexts.

Core Features & Use Cases

  • Multiple Rendering Options: Supports client-side lazy loading, CLI batch export, and native Rust rendering for speed.
  • Format Conversion: Renders diagrams to SVG, PNG, and PDF.
  • Use Case: You have a documentation site with many Mermaid diagrams. Use this Skill to ensure they load quickly for users by implementing lazy loading, and to generate high-quality PNGs for a report.

Quick Start

Render the attached Mermaid diagram syntax to an SVG file named 'output.svg'.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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-graph-renderer
Download link: https://github.com/curiositech/some_claude_skills/archive/main.zip#mermaid-graph-renderer

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.