MermaidPen · English

一次编写,处处渲染。

MermaidPen 是 Mermaid 图表的工作流层。这个第一版聚焦于最锋利的切入点:兼容性检查、修复建议,以及一个可直接部署的 Studio,帮助技术团队在 Mermaid 图表破坏文档工作流之前把它加固好。

原生面向 Mermaid,而不是先做画布再兼容以兼容性为核心,而不只是简单的 AI 生成今天就能在 Vercel 上部署的可用产品

兼容性切入点

flowchart LR
  notes[粘贴笔记]
  scan[兼容性扫描]
  fix[安全修复]
  publish[发布到文档]
  notes --> scan --> fix --> publish
GitHub 安全GitLab 安全Markdown 安全

为什么是这个第一版

不做一个更好看的 Mermaid 编辑器。

市场上已经有足够多的编辑器、白板和 AI 制图工具。更锋利的切入点是可靠性:帮助团队在图表真正被消费的环境里,生成、检查并发布经得起考验的 Mermaid。

从粗糙笔记起步

从需求文档、架构笔记,甚至一段跑不通的 Mermaid 代码开始,而不是从空白编辑器开始。

运行保守的兼容性检查

选择一个目标预设,揪出让 Mermaid 在不同平台上容易失效的语法与可移植性隐患。

先修复,再发布

应用安全的自动重写,预览效果,导出干净的 SVG 用于文档、代码仓库和内部知识库。

这个版本已经证明了什么

一个真实的、可部署到 Vercel 的产品雏形。

这不是一个静态原型。Studio 页面可以真正渲染 Mermaid、标记出保守的兼容性风险、应用安全修复,并在浏览器里导出 SVG。

面向 PRD、事故复盘、服务架构图的 Prompt-to-Mermaid 生成

针对 GitHub、GitLab 与 Markdown 重度场景的定向修复预设

分享链接、导出历史,以及面向代码仓库的发布流程

保持关注

新数据资产上线时第一时间通知你。

兼容性矩阵、mermaid-lint 命令行工具,以及 prompt-to-Mermaid 生成都在路上。留下邮箱,上线后我们会联系你。

下一步

把 Studio 当作 MVP 的种子。

在这个可部署的第一版之后,下一步很直接:加入 prompt-to-Mermaid 生成、图表保存历史,以及与 GitHub 联动的发布流程——同时不让产品臃肿成一个通用白板工具。

启动 MermaidPen Studio