mermaid-graph-renderer

Installation
SKILL.md

Mermaid Graph Renderer

Renders Mermaid diagrams to production-quality SVG, PNG, and PDF in web and offline contexts. Covers the full spectrum from lazy-loaded client-side rendering to 1000x-faster native Rust batch export.

Core Constraint

Mermaid.js requires browser APIs (document.createElement, SVGTextElement.getBBox()) to compute text dimensions. Every non-browser rendering path must either embed a headless browser or reimplement the renderer from scratch. This constraint shapes every decision below.


When to Use

Use for:

  • Rendering Mermaid diagrams on web pages (performance-optimized)
  • Exporting diagrams to SVG, PNG, or PDF (offline/CLI)
  • Setting up CI/CD pipelines that generate diagram images
  • Choosing between rendering libraries for a project
  • Optimizing Mermaid load time on documentation sites
Related skills
Installs
68
GitHub Stars
103
First Seen
Mar 9, 2026