🎯

beautiful-mermaid

🎯Skill

from intellectronica/agent-skills

What it does

Generates elegant, customizable Mermaid diagrams with advanced styling and layout options for clear visual documentation and flowcharts.

Overview

Beautiful Mermaid is a skill that generates elegant, customizable Mermaid diagrams rendered as SVG and PNG. It supports multiple diagram types and themes with advanced styling options, using the Beautiful Mermaid library for high-quality output.

Key Features

SVG and high-resolution PNG rendering of Mermaid diagrams
13+ built-in themes including Dracula, Tokyo Night, Nord, and GitHub
Supports flowcharts, sequence diagrams, state diagrams, class diagrams, and ER diagrams
Automated HTML wrapper and browser-based PNG capture workflow
Integration with agent-browser skill for 4K screenshot capture

Who is this for?

Developers and technical writers who need polished, themed Mermaid diagrams for documentation, presentations, or design assets. Ideal for anyone who wants professional-looking diagrams beyond default Mermaid styling.

📦

Same repository

intellectronica/agent-skills(43 items)

beautiful-mermaid

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add intellectronica/agent-skills --skill beautiful-mermaid

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add intellectronica/agent-skills --skill beautiful-mermaid

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/beautiful-mermaid/SKILL.md

SKILL.md

1,076Installs

172

AddedJan 31, 2026

View on GitHub Back to Skills

More from this repository10

🎯

notion-api🎯Skill

Enables comprehensive interaction with Notion workspaces through REST API calls, covering authentication, endpoints, and content management.

🎯

context7🎯Skill

A curated collection of agent skills by @intellectronica, installable via the skills CLI or as a Claude Code plugin marketplace, with accompanying workshops and tutorials.

🎯

youtube-transcript🎯Skill

A curated collection of agent skills by @intellectronica, installable via the skills CLI or as a Claude Code plugin marketplace, with accompanying workshops and tutorials.

🎯

nano-banana-pro🎯Skill

A curated collection of agent skills by @intellectronica, installable via the skills CLI or as a Claude Code plugin marketplace, with accompanying workshops and tutorials.

🎯

ultrathink🎯Skill

A curated collection of agent skills by @intellectronica, installable via the skills CLI or as a Claude Code plugin marketplace, with accompanying workshops and tutorials.

🎯

markdown-converter🎯Skill

A curated collection of agent skills by @intellectronica, installable via the skills CLI or as a Claude Code plugin marketplace, with accompanying workshops and tutorials.

🎯

todoist-api🎯Skill

Interacts with Todoist using the `td` CLI tool, enabling users to manage tasks, projects, and labels through intuitive command-line operations with built-in safety checks.

🎯

gog-cli🎯Skill

Google Workspace CLI (gogcli) skill for interacting with Gmail, Calendar, Drive, Docs, Sheets, Slides, Chat, Classroom, and other Google services via a fast, script-friendly CLI with JSON-first output

🎯

anki-connect🎯Skill

A curated collection of agent skills by @intellectronica, installable via the skills CLI or as a Claude Code plugin marketplace, with accompanying workshops and tutorials.

🎯

tavily🎯Skill

A curated collection of agent skills by @intellectronica, installable via the skills CLI or as a Claude Code plugin marketplace, with accompanying workshops and tutorials.