Claude Mermaid：预览和修改图表

关于这个 Skill

Claude Mermaid 结合 Mermaid MCP 服务和图表 Skill。指令引导用户选择图表类型、打开实时预览、修改时沿用预览 ID，并保存最终结果。作者文档介绍 SVG、PNG、PDF 导出，并在 README 展示实时刷新的演示。

为什么推荐

内置 Skill 指导图表类型选择、反复预览和保存；实时预览及导出需要配套 MCP 服务。作者 README 包含演示，本条目尚未实测该流程。

适合用来做什么

• 绘制登录流程的时序图，并在浏览器中预览和调整。
• 为文档制作流程图、实体关系图或架构图。

从图表到导出

Skill 使用 mermaid_preview 迭代具名图表，再用 mermaid_save 保存结果。指导涵盖流程图、时序图、类图、实体关系图、状态图和甘特图；作者演示可在仓库 README 查看。

仓库、配置与作者演示Mermaid 图表 Skill

使用前需要了解

• 需要安装并配置配套 Mermaid MCP 服务；作者推荐的 Claude Code 插件会自动配置。
• 交互式实时预览需要浏览器；通过 npm 安装及使用其他 MCP 客户端时，需要按 README 配置。

支持的 Agent