veelengaveelengaCommunityยท1 Agent Skills Included

claude-mermaid

Render Mermaid diagrams with live browser preview and export

Renders Mermaid diagrams in the browser with live reload as you refine flowcharts, sequence diagrams, class diagrams, and ER models. Exports finished visuals to SVG, PNG, or PDF with custom themes, dimensions, and backgrounds. Eliminates manual copy-paste into online editors and keeps documentation diagrams in sync with your code.
npx skills add veelenga/claude-mermaid --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install claude-mermaid?โ–ผ

Run `npx skills add veelenga/claude-mermaid --all -g -y` in your terminal to install the skill globally.

How to create Mermaid diagrams with live preview?โ–ผ

Ask for a diagram in plain English, and it renders in your browser with live reload so every refinement updates automatically.

What diagram types does claude-mermaid support?โ–ผ

It supports flowcharts, sequence diagrams, class diagrams, ER diagrams, state diagrams, and Gantt charts with four built-in themes.

Can I export diagrams to PNG or PDF?โ–ผ

Yes. You can save any diagram as SVG, PNG, or PDF to a local path, or download SVG and PNG directly from the browser preview.

Does claude-mermaid work with Cursor and other clients?โ–ผ

Yes. It runs as a standard MCP server, so it works with Claude Code, Cursor, Codex, Windsurf, and any MCP-compatible client.

Related Repositories in Software Engineering

View All in Software Engineeringโ†’