什么是 mermaid-diagrams?
通过实时重新加载创建和完善美人鱼图。当用户需要流程图、序列图、类图、ER 图、状态图或任何其他 Mermaid 可视化时使用。提供使用 mermaid_preview 和 mermaid_save 工具的语法、样式和迭代工作流程的最佳实践。 来源:veelenga/claude-mermaid。
通过实时重新加载创建和完善美人鱼图。当用户需要流程图、序列图、类图、ER 图、状态图或任何其他 Mermaid 可视化时使用。提供使用 mermaid_preview 和 mermaid_save 工具的语法、样式和迭代工作流程的最佳实践。
通过命令行快速安装 mermaid-diagrams AI 技能到你的开发环境
来源: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"]
通过实时重新加载创建和完善美人鱼图。当用户需要流程图、序列图、类图、ER 图、状态图或任何其他 Mermaid 可视化时使用。提供使用 mermaid_preview 和 mermaid_save 工具的语法、样式和迭代工作流程的最佳实践。 来源:veelenga/claude-mermaid。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/veelenga/claude-mermaid --skill mermaid-diagrams通过实时重新加载创建和完善美人鱼图。当用户需要流程图、序列图、类图、ER 图、状态图或任何其他 Mermaid 可视化时使用。提供使用 mermaid_preview 和 mermaid_save 工具的语法、样式和迭代工作流程的最佳实践。 来源:veelenga/claude-mermaid。
打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/veelenga/claude-mermaid --skill mermaid-diagrams 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/veelenga/claude-mermaid