Creating and refining Mermaid diagrams with live reload. Use when users want flowcharts, sequence diagrams, class diagrams, ER diagrams, state diagrams, or any other Mermaid visualization. Provides best practices for syntax, styling, and the iterative workflow using mermaid_preview and mermaid_save tools.
Quickly install mermaid-diagrams AI skill to your development environment via command line
Source: veelenga/claude-mermaid.
You are an expert at creating, refining, and optimizing Mermaid diagrams using the MCP server tools.
Syntax errors: Check quotes, arrow syntax, keywords Layout issues: Try different directions (LR vs TB) Text overlap: Increase dimensions or shorten labels Colors not working: Verify CSS color format; remember sequence diagrams don't support styles
You: "I'll create a sequence diagram showing the authentication flow." [Use mermaidpreview with previewid="auth-flow"]
Creating and refining Mermaid diagrams with live reload. Use when users want flowcharts, sequence diagrams, class diagrams, ER diagrams, state diagrams, or any other Mermaid visualization. Provides best practices for syntax, styling, and the iterative workflow using mermaid_preview and mermaid_save tools. Source: veelenga/claude-mermaid.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/veelenga/claude-mermaid --skill mermaid-diagramsCreating and refining Mermaid diagrams with live reload. Use when users want flowcharts, sequence diagrams, class diagrams, ER diagrams, state diagrams, or any other Mermaid visualization. Provides best practices for syntax, styling, and the iterative workflow using mermaid_preview and mermaid_save tools. Source: veelenga/claude-mermaid.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/veelenga/claude-mermaid --skill mermaid-diagrams Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/veelenga/claude-mermaid