Mermaid Viewer - 带实时预览的在线图表编辑器

什么

Mermaid Viewer 是一款基于浏览器的编辑器，用于创建、预览和分享 Mermaid 图表，无需依赖本地环境配置。它面向开发者以及其他使用“图表即代码”格式的用户，帮助他们更快速地编写 Mermaid 语法、即时查看结果，并将图表导出为常见文件类型。

其核心工作流程非常直接：输入 Mermaid 代码、查看实时预览，然后导出或分享完成的图表。根据页面内容，该产品被定位为一款易于使用的在线 Mermaid 编辑器，支持多种图表类型、AI 辅助代码生成、协作功能，以及面向个人和专业用途的分级套餐。

功能

• 编辑时实时预览：编辑器会在输入时同步更新图表，从而减少迭代时间并免去手动渲染。
• 支持多种 Mermaid 图表类型：涵盖流程图、时序图、类图、ER 图、甘特图、C4 图、思维导图、时间线等格式，适用于广泛的文档编写场景。
• AI 辅助生成 Mermaid 代码：“使用 GPT-4 生成”功能可将文本描述转换为 Mermaid 代码，帮助用户更快开始绘图，或从自然语言生成初步结构。
• 带格式控制的导出选项：用户可将图表保存为 SVG、PNG、Markdown；更高等级套餐还支持 PDF、JPG 等更多格式。页面还提到支持自定义 DPI 和深色/浅色主题。
• 模板库：为常见工作流提供预设模板，帮助用户基于现有结构开始，而不是从零创建。
• 分享、协作与版本历史：产品支持通过共享编辑器链接进行协同编辑；付费套餐增加版本历史和更高级的分享能力；页面还提到面向企业的部署方式和基于角色的访问控制。

有用建议

• 根据部署模式核实隐私需求：页面称数据保留在浏览器中且不会被存储，但同时又提到分享、协作和版本历史，因此团队应确认这些行为在不同功能和套餐下的具体差异。
• 根据预期使用量匹配套餐限制：图表数量上限、AI 对话次数限制、导出质量和版本历史在不同套餐之间差异较大，因此在统一选型前应评估预期使用规模。
• 使用模板提升一致性：对于需要记录重复流程的团队，从模板开始可以减少格式偏差，并让跨项目图表更易于维护。
• 在代表性场景中测试 AI 辅助生成：自然语言转 Mermaid 功能可以加快草稿编写，但仍应仔细检查语法和结构，以确保技术准确性。
• 直接确认企业级需求：页面提到了 Docker 部署和基于角色的访问控制，但提供的实现细节有限，因此大型组织在采用前应核实其覆盖范围和管理模式。

OpenClaw 技能

Mermaid Viewer 很可能适合用于以技术文档、架构沟通和流程梳理为核心的 OpenClaw 工作流。一个可能的用例是：某个 OpenClaw 技能将会议记录、产品需求或系统描述转换为 Mermaid 语法草稿，然后将输出导入 Mermaid Viewer 进行人工审阅、实时编辑和导出。这对于已经依赖结构化图表进行沟通的工程、DevOps、产品和运营团队尤其有用。

在更广泛的 OpenClaw 生态中，可以构建用于从工单、架构变更日志、事故报告或 SOP 文档生成图表的智能体，而 Mermaid Viewer 则作为编辑和可视化层，而非记录系统。虽然页面并未确认任何原生 OpenClaw 集成，但一种较为合理的工作流是将 OpenClaw 的推理与内容提取能力，与 Mermaid Viewer 基于浏览器的编辑、分享和导出功能结合起来，从而缩短从原始信息到可用图表在开发和运营环境中的转化路径。