claude-mermaid
Render Mermaid diagrams with live browser preview and export
All Skills in This Repository (1)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow 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โopenclaw
Run a personal AI assistant across your devices and chat apps
superpowers
Gives coding agents a disciplined workflow from idea to merged code
react
AI agent skills for building, testing, and porting React core