beautiful-mermaid

To render a Mermaid diagram to SVG or PNG, you can execute the provided render script via bun with your Mermaid code or input file. The skill leverages the Beautiful Mermaid library to automatically generate ready-to-use image files without manual tooling setup.

Yes, you can apply custom theming to Mermaid diagrams for publication-ready documentation. The skill supports multiple visual themes and adjustable output sizes, ensuring your Flowchart, Sequence, State, Class, and ER diagrams have consistent visuals across your documentation or presentations.

Yes, this skill supports rendering common Mermaid diagram types including Flowchart, Sequence, State, Class, and ER diagrams. It processes these standard structural formats using an HTML wrapper to produce high-quality visual outputs.

To convert a .mmd file to an image using bun, run the render script and pass the file path to the input argument. The skill processes the Mermaid syntax and outputs the corresponding SVG or PNG graphic, ready for immediate use in slides or reports.

The best way to automate Mermaid diagram rendering for bug reports is to pass diagram code directly to the render script via command line arguments. This approach instantly generates visual outputs, bypassing manual rendering steps and streamlining documentation workflows.

You need an optional agent-browser-based capture to produce PNG output from Mermaid diagrams. While SVG generation is handled directly through the HTML wrapper, capturing rasterized PNG images requires this browser-based component for accurate visual rendering.