
from agent-skills-library47
Generate, validate, and render professional Mermaid diagrams (flowcharts, C4, architecture-beta, ERD) with theming, validation, and multi-format output.
Mermaid Studio equips the agent to create, validate, and render high-quality Mermaid diagrams across a wide range of types (flowchart, sequence, ERD, C4, architecture-beta, gantt, mindmap, and more). It enforces styling and layout best-practices, provides decision matrices for selecting diagram types, and offers rendering scripts for SVG/PNG/ASCII output with theme and icon pack support.
Use this skill when a user asks to visualize architectures, flows, database schemas, timelines, or any structured diagram. It's ideal for requests that require professional theming, syntax validation, or rendering to multiple formats for documentation and presentations. Prefer this skill over ad-hoc image generation when the output must be vector/ASCII Mermaid code.
{}
Mermaid Studio is a comprehensive diagram creation and rendering skill supporting 20+ Mermaid diagram types with dual-engine output (mmdc + beautiful-mermaid + Puppeteer for icons). SKILL.md is exceptionally detailed with golden rules for elegant diagrams, a decision matrix for diagram types, and C4/AWS styling guides. Scripts are well-structured with proper arg parsing, shell quoting, and fallback rendering strategies. setup.sh timed out during npm install (expected for dependency installation), and .mjs scripts were skipped by the runner.
Well-crafted skill with professional-grade SKILL.md. No security concerns beyond standard npm dependency installation. The 'loose' security level in Puppeteer is intentional for Mermaid rendering features. Shell quoting is properly implemented in render.mjs. Would benefit from pinned dependency versions in setup.sh.