Lightlines
By intellectronica

beautiful-mermaid

intellectronica1.9k installs

Turn Mermaid diagrams into sharp SVG and PNG images.

What it does

Creates SVG and high-resolution PNG images from Mermaid code or a diagram description.

When to use it

Use when the user asks to render a Mermaid diagram.

How to use it

Give it Mermaid code or a diagram description; it saves SVG and PNG images in the current directory or a user-specified path.

Uses

Latest review

What you need · 2

The main workflow uses Bun to run the TypeScript rendering and HTML-wrapper scripts.

Requires the agent-browser CLI to capture the PNG screenshot.


Access · 2

This skill

https://mermaid.live

Write

Submits diagram syntax to Mermaid Live

beautiful-mermaid

Execute

Installs beautiful-mermaid if missing