关于

安静的 Mermaid 图表工作室

Vloam Mermaid 是面向 Mermaid 图表语言的在线编辑器。输入流程图、时序图、类图等语法，预览在浏览器中即时更新——无需账号，也无需上传。

站点用 Astro 构建为静态 HTML。Mermaid 以小型客户端岛加载，页面保持轻量，编辑器仍可交互。最近的图表只保存在当前浏览器，不会上传到服务器。

需要简短语法说明？先看站内 Mermaid 文档，再回到实时编辑器里画图。

配合 AI 使用（MCP）

Vloam Mermaid 的 MCP 会直接操作你已打开的编辑器标签页：写入源码、读取渲染错误、改到预览成功为止——不必再生成分享链接。

1）把下面的 JSON 加到 Cursor MCP 设置（或点「复制 MCP 配置」）。2）保持打开 mermaid.vloam.com（或 /zh/），工具栏显示「AI 已连接」。3）让 Agent 画图，它会调用 render_mermaid，预览在当前页更新。npm 发布前可先 `npm run mcp:build`，再把命令设为 `node packages/vloam-mermaid-mcp/dist/index.js`。

{
  "mcpServers": {
    "vloam-mermaid": {
      "command": "npx",
      "args": [
        "-y",
        "vloam-mermaid-mcp"
      ]
    }
  }
}