Beautiful Mermaid
- 279 repo stars
- Updated April 25, 2026
- intellectronica/agent-skills
Turn Mermaid source in chat or docs into polished SVG or PNG assets without opening a separate diagram tool.
About
beautiful-mermaid is an agent skill that renders Mermaid diagram definitions into SVG and PNG using the Beautiful Mermaid library. Developers use it when they are writing documentation, planning system flows, or explaining data models and want visual output without leaving Claude Code, Cursor, or Codex. The skill is intentionally narrow: invoke it when the user asks to render a Mermaid diagram, not for general illustration or non-Mermaid formats. Because output is generated locally through the bundled plugin workflow, developers can iterate on diagram syntax in chat and drop the resulting assets into repos or landing pages. Pair it with planning and review skills when you need a diagram before implementation or after a design change.
- Renders Mermaid diagram text to SVG and PNG via the Beautiful Mermaid library
- Triggered when a user explicitly asks to render a Mermaid diagram
- Keeps diagram output in the agent thread for READMEs, specs, and onboarding docs
- Lightweight alternative to pasting into Mermaid Live or a design app
Beautiful Mermaid by the numbers
- Data as of Jul 20, 2026 (Skillselion catalog sync)
/plugin marketplace add intellectronica/agent-skills/plugin install beautiful-mermaid@intellectronica-skillsAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| repo stars | ★ 279 |
|---|---|
| Last updated | April 25, 2026 |
| Repository | intellectronica/agent-skills ↗ |
What it does
Turn Mermaid source in chat or docs into polished SVG or PNG assets without opening a separate diagram tool.
Files
Render Mermaid diagrams as SVG and PNG using the Beautiful Mermaid library. Use when the user asks to render a Mermaid diagram.
beautiful-mermaid
Source: ./plugins/beautiful-mermaid
{ "name": "beautiful-mermaid", "source": "./plugins/beautiful-mermaid", "version": "0.1.1769684732", "category": "productivity", "description": "Render Mermaid diagrams as SVG and PNG using the Beautiful Mermaid library. Use when the user asks to render a Mermaid diagram." }
Related skills
Lark MarkdownInstantly turn any markdown file into clean, formatted Lark/Figma-compatible documents without manual reformatting.402k
Lark DocCreate, read, update, summarize, rewrite and manage Feishu/Lark cloud documents directly from agent workflows.377k15.7kLark WikiCreate, organize, query, and manage documents, spaces, and members inside Lark (Feishu) knowledge bases directly from AI agent workflows.374k15.7k
Opensource Guide CoachGet expert, attribution-safe guidance on launching and sustaining an open-source project.270k72Readme I18nMaintain consistent, updatable language selector blocks across every README variant in a multilingual repository.270k72
CavemanCompress SPEC.md files and any spec-adjacent prose into a token-efficient format that preserves precision while slashing context usage.259k1.1k