Roland.W(@rwayne):用 Mermaid 给 AI 输出图表，结果频繁踩坑，官方渲染器依赖 DOM，在 Node.js 环境里直接报错，换成异步方案又没法用在 useMemo() 里，流程图和时序图卡了整整一天我试了 beautiful-mermaid，零 DOM 依赖，同步渲染，直接塞进 useMemo() 一行搞定 GitHub： https://t.co/7mIi59Z61f 支持流程图、状态机、时序、类图、ER 图、XY 图共 6 种类型双模式输出：SVG 用于 Web 界面，ASCII/Unicode 用于终端和 AI 上下文内置 15 套主题，Shiki/VS Code 主题可直接导入，100 张图 500ms 内渲染完在 AI 应用里渲染图表，你现在用的是什么方案？有没有遇到异步渲染导致竞态的问题？

Roland.W

@rwayne

🧑‍⚕️ 医学&经济学全奖PhD 🇦🇺 🚀3 个月 X 涨粉 4w｜累计曝光 1.5 亿 💼《中国企业AI转型白皮书》作者｜企业AI转型咨询｜AI医疗创业者 ⭐ 订阅都是本人精华｜优先回复订阅者评论和私信👈

参加 June 2023

803 フォロー中 48.6K ファン

Roland.W@rwayne

2026.05.18 10:58

用 Mermaid 给 AI 输出图表，结果频繁踩坑，官方渲染器依赖 DOM，在 Node.js 环境里直接报错，换成异步方案又没法用在 useMemo() 里，流程图和时序图卡了整整一天我试了 beautiful-mermaid，零 DOM 依赖，同步渲染，直接塞进 useMemo() 一行搞定 GitHub：支持流程图、状态机、时序、类图、ER 图、XY 图共 6 种类型双模式输出：SVG 用于 Web 界面，ASCII/Unicode 用于终端和 AI 上下文内置 15 套主题，Shiki/VS Code 主题可直接导入，100 张图 500ms 内渲染完在 AI 应用里渲染图表，你现在用的是什么方案？有没有遇到异步渲染导致竞态的问题？