pretty-mermaid

Overview

pretty-mermaid is a Claude Code skill that renders Mermaid diagrams as beautiful SVGs or ASCII art. It provides ultra-fast, fully themeable rendering with zero DOM dependencies, supporting both SVG and ASCII output formats. With 15 built-in themes and support for all major Mermaid diagram types, it makes documentation and architecture visualization more vivid and professional.

Key Features

• Dual output formats: Supports both SVG and ASCII rendering, allowing diagrams to be embedded in documents or displayed in terminal environments.
• 15 built-in themes: Includes light themes (zinc-light, tokyo-night-light, cappuccin-latte, github-light, solarized-light), dark themes (zinc-dark, tokyo-night, tokyo-night-storm, cappuccin-mocha, github-dark, solarized-dark), and specialty themes (nord, nord-light, dracula, one-dark).
• Full diagram type support: Handles flowcharts, sequence diagrams, state diagrams, class diagrams, ER diagrams, and more.
• High-performance batch rendering: Supports parallel rendering of multiple diagrams for efficiency.
• Zero DOM dependencies: Pure rendering engine with no browser or DOM requirements, making it lightweight and fast.

Who is this for?

This skill is ideal for developers and technical writers who want to generate polished Mermaid diagrams directly from their AI coding environment. It is especially useful for teams that need consistent, themed diagram output for documentation, architecture reviews, or presentations without relying on external rendering tools.