Beautiful Mermaid Diagram Rendering

Render Mermaid diagrams as SVG and PNG images using the Beautiful Mermaid library. Source basis: adapted from intellectronica/agent-skills (https://github.com/intellectronica/agent-skills/tree/main/skills/beautiful-mermaid).

Dependencies

This skill requires the agent-browser skill for PNG rendering. Load it before proceeding with PNG capture.

Supported Diagram Types

• Flowchart - Process flows, decision trees, CI/CD pipelines
• Sequence - API calls, OAuth flows, database transactions
• State - State machines, connection lifecycles
• Class - UML class diagrams, design patterns
• Entity-Relationship - Database schemas, data models

Available Themes