OpenMMD

为 AI 时代设计的图表与书稿工作流

OpenMMD 一开始是 Mermaid 可视化编辑器:人类用图形化方式画图,AI 读取结构化 Mermaid。现在它也支持 Book 项目,每个 Markdown 文件就是一章,并且可以通过本地 MCP Bridge 让 AI Agent 直接把章节写进你的浏览器,再发布整本书。

用直观的方式画图,完全不需要学习复杂的代码语法

导出 PNG 图片,发给同事或放入文档,人类看一目了然

导出 Mermaid 代码,交给 AI,它能准确理解并帮你干活

支持导出包含图表预览和源码的 Markdown,兼顾人和 AI

支持 Book 项目,用 Markdown 章节组织一本可分享的书

支持 MCP Bridge,让 AI Agent 在本机浏览器中创建章节、更新书稿并发布

编辑器预览
官网中的实时 Mermaid 渲染示例
流程图
梳理产品与交付流程
生成的 Mermaid
flowchart LR
    A[想法] --> B{准备好细化了吗?}
    B -->|是| C[开始画图]
    B -->|否| D[补充上下文]
    C --> E[团队评审]
    E --> F[进入文档]
    D --> B

为什么我们需要 Mermaid

AI 不擅长看图片的流程图,但非常擅长看 Mermaid

人类看图片流程图一目了然。但如果你发截图给 AI,它只能通过图像识别去“猜”结构,经常搞错节点之间的逻辑关系。而 Mermaid 是一段结构化的文本代码,AI 读它就像读母语一样,能准确知道每一个节点和线条是什么意思。

AI 看到的是结构,而不是像素

图片里只有像素,而 Mermaid 代码则把图表里的逻辑关系完整暴露出来。AI 因此能更准确地理解、重写、补全和扩展你的流程图。

保留人类习惯的画图体验

虽然底层是代码,但你不需要懂代码。你可以像使用任何现代图表工具一样去拖拽、连线,把繁琐的代码生成交给 OpenMMD。

本地优先,数据安全

图表数据先保存在浏览器本地,速度快、心里踏实;需要云端同步时,也可以放进你自己的 GitHub 仓库里。

工作原理

你只管画图,剩下的交给我们

OpenMMD 的原理就是让人类做自己擅长的事。你画完流程图后,我们可以生成不同格式,满足不同的受众。

导出图片给人类看

生成清晰的 PNG 图片,发给同事、放进文档、做汇报,满足人类“一目了然”的需求。

导出代码给 AI 看

把图表转换成 AI 最喜欢的结构化 Mermaid 代码,让 AI 帮你写业务逻辑、分析边界情况。

导出 Markdown 兼顾两者

生成同时包含可视化图表预览和代码源码的 Markdown 文件,既能阅读又方便后期维护。

适合谁用

适合那些希望 AI 生成结果更贴近真实业务流程的人

给产品经理

先把流程图和交互链路可视化,再把 Mermaid 交给 AI 去补边界情况、梳理需求和生成更清晰的交付说明。

给开发者

把架构图、时序图、系统行为图保留成 Mermaid 源码,更适合放进仓库、交给 AI、挂到文档里持续迭代。

给独立开发者和一人公司

用一条轻量工作流串起思考、画图、写文档、喂给 AI、推进开发,不需要再维护一整套笨重的图表工具链。

给 Obsidian + GitHub 用户

把 Markdown、Mermaid 图表和笔记资产放进同一个仓库中,让编辑器工作流和 Obsidian 知识库同步起来。

存储与同步
想要速度就本地优先,想要迁移和协作就进入自己的仓库
  • 图表数据默认保存在浏览器本地,启动快、使用轻、数据掌控感强。
  • 你也可以把数据同步到自己的 GitHub 仓库,让图表进入现有的开发和文档体系。
  • 如果你已经在用基于 Git 的 Obsidian 仓库,同一个仓库也可以承载 Mermaid 导出物、图表说明和产品笔记。
  • Markdown 导出让 AI 代理、仓库阅读者和未来的你都更容易继续处理这份图表资产。

Book 项目

把多个 Markdown 章节发布成一本可阅读的书

Book 项目是一个本地优先的写作工作区。每个 Markdown 文件都是一章,OpenMMD 会维护章节索引,分享时展示为带目录的书稿页面,而不是单文件预览。

按章节组织 Markdown

创建或上传 Markdown 章节,调整顺序,并由 OpenMMD 自动维护可同步、可发布的 book index。

整本书分享

分享时会把书籍落地页、manifest 和所有章节上传到 R2,并生成稳定的 book URL。

适合 GitHub 同步

project type 和章节索引都进入数据结构,换电脑后同步 GitHub 也能恢复书稿结构。

本地 MCP Bridge

让 AI Agent 写进 OpenMMD,同时不把浏览器数据发给后端 API

安装 OpenMMD Chrome 扩展并运行 npm MCP server 后,AI Agent 可以在你的本机浏览器里创建 book、写 Markdown 章节、调整顺序、打开章节,并发布当前书稿。

本地优先写作

AI 通过 MCP 和扩展连接浏览器,实际保存仍走 OpenMMD 自己的 IndexedDB 和 projectStore。

支持发布整本书

`openmmd_share_book` 会上传整本 Markdown 书稿,并返回公开可读链接。

给 Agent 的安装说明

提供可复制的 Markdown 指南,用户可以直接贴给 AI 编程 Agent,让它自己配置 MCP。

目标人群

尤其适合正在用 AI 提升产品与研发效率的个人与小团队

最容易获得价值的人群

希望让 AI 不只是“看图说话”,而是真能修改图表的产品经理

需要把 Mermaid 代码纳入仓库、提示词、文档和工程协作的开发者

正在借助 AI 加速思考、写需求、做实现的独立开发者与 solo founder

把 Obsidian、GitHub、Markdown 当作知识资产基础设施的团队

把真正适合 AI 的图表格式交给 AI

OpenMMD 让图表对人清晰、让书稿对读者友好,也让源文本真正能被 AI Agent 接手处理。这正是现代产品工作、开发协作和一人公司高速运转需要的平衡点。