mermaidjs-v11

Renders Mermaid.js v11 diagrams from text to SVG, PNG, or PDF via CLI or browser.

Updated Jan 24, 2026
One-click install
npx skills add https://github.com/Khoatran1999/aquarium-commerce --skill mermaidjs-v11-khoatran1999
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mermaidjs-v11
Source: https://github.com/Khoatran1999/aquarium-commerce/tree/main/.claude/skills/mermaidjs-v11
Command: npx skills add https://github.com/Khoatran1999/aquarium-commerce --skill mermaidjs-v11-khoatran1999

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Mermaid.js v11 enables expressing rich diagrams in plain text, eliminating the need for complex drawing tools for documentation and planning.

Core Features & Use Cases

  • Declarative syntax supports multiple diagram types including flowcharts, sequence, class, ER, Gantt, and journeys.
  • CLI and HTML embedding enable easy rendering to SVG/PNG/PDF and integration into docs.
  • Accessibility and theming options ensure diagrams are accessible and brand-consistent across platforms.

Quick Start

Render a diagram from Mermaid.js v11 code and export it as SVG.

Frequently Asked Questions about mermaidjs-v11

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate diagrams from Mermaid.js v11 syntax?

To generate Mermaid.js v11 diagrams, you write declarative plain text syntax that renders into flowcharts, sequence, class, ER, Gantt, and journey diagrams for quick, shareable documentation. You can then render this code via CLI or JavaScript integration.

What is the best way to create software architecture diagrams in plain text?

Creating software architecture diagrams in plain text is best done using Mermaid.js v11 declarative syntax, which eliminates the need for complex drawing tools by expressing rich diagrams textually for documentation and planning workflows.

Can I render Mermaid diagrams to SVG, PNG, or PDF?

Yes, you can render Mermaid diagrams to SVG, PNG, or PDF. Mermaid.js v11 supports CLI rendering and HTML embedding, enabling easy export to these formats and direct integration into your documentation environments.

Does Mermaid.js v11 support theming and accessibility options for documentation?

Yes, Mermaid.js v11 supports theming and accessibility options. These features ensure your generated diagrams are accessible and brand-consistent across different platforms when embedded into HTML or exported as SVG files.

When do I need plain text diagrams instead of visual drawing tools?

You need plain text diagrams when you want to express rich diagrams quickly without complex drawing tools. Mermaid.js v11 is ideal for documentation, software architecture, and product designs requiring easy version control and shareable workflows.