Beautiful Mermaid

Turns Mermaid diagram code into clean SVG and PNG outputs with proper theme support. You get twelve themes out of the box, from Tokyo Night to Solarized, and it handles the full pipeline: render the diagram, wrap it in HTML, then use agent-browser to capture a 4K screenshot for the PNG. The documentation is thoughtful about syntax gotchas, like using pipe notation for edge labels instead of space-dash syntax that can break renders. If you're generating diagrams for documentation or need to produce both vector and raster formats without manual screenshots, this handles the whole workflow. Clean intermediary files yourself afterward.

Install to Claude Code

npx -y skills add intellectronica/agent-skills --skill beautiful-mermaid --agent claude-code