Product Pillars

我是 Jeremy，Product Pillars 的作者。

我总是遇到同一个问题：在白板工具上画好流程之后，每次想让我的 AI 助手（主要是 Claude Code）理解它，都得把整个流程再用文字重新描述一遍。图和工具能读懂的内容永远是两份独立的产物，而且它们总是对不上。

所以我做了我想要的那个工具：一个快速、专注的画布，图表和 Mermaid Markdown 是同一个产物。你画出来的是什么，导出的就是什么，提交到 PR 里的是什么，交给 AI 助手的就是什么——完全一致。每个节点都保持稳定的 ID，这样 AI 助手在几轮对话之后回来，说一句“更新那个节点”，仍然能正确定位到对应的框。

目前已上线的能力：

• 为肌肉记忆而生的画布：多选、撤销/重做、复制粘贴、键盘优先的节点创建

• 为流程图专门设计的节点类型（开始、用户操作、系统操作、判断、结束）

• 干净的 Mermaid + Markdown 导出，与预览完全一致

• 公开分享链接：一个 URL 发出去，任何人无需账号就能在浏览器中打开，还有一个 /md 镜像页面，让 AI 助手能通过简单的 HTTP GET 直接读取

• 托管的 MCP 服务器：在设置中生成一个密钥，粘贴配置，Claude Code 就能直接读写你的流程图。无需传递链接，也无需导出步骤。

接下来要做：协作者邀请和带密码保护的链接。

可以免费开始使用。你的前几张流程图算我请客。

有件事我猜你一定会吐槽：目前那些稳定的 ID 是 UUID，所以原始的 Mermaid 比手写的要冗长一些。这是为 AI 寻址能力而刻意做的取舍，但我并不执著于此。如果你觉得可读的短标识更重要，告诉我，我就把它做出来。

非常期待你们毫不留情的反馈：哪些体验很好，哪些还缺，以及“人机共画一张图”这个想法到底是说到心坎里，还是听起来画蛇添足。我今天全天都在。🙏