# xAI 开源 Grok CLI 代码库中发现 Mermaid 转 Unicode 框图工具
- 来源：Simon Willison 博客
- 作者：Simon Willison
- 发布时间：2026-07-16 08:33
- AIHOT 分数：72
- AIHOT 标记：精选
- AIHOT 链接：https://aihot.virxact.com/items/cmrmsfo5q00f0bimis2t1mbci
- 原文链接：https://simonwillison.net/2026/Jul/16/grok-mermaid
## 精选理由
Simon 从 Grok 源码里扒出终端 Mermaid 渲染器，用 Wasm 带到浏览器，生成 Unicode 图，开发者画流程图的轻量选择。
## AI 摘要
xAI 开源的 Grok CLI 编码智能体代码库中包含一个用 Rust 编写的 Mermaid 图表示例终端渲染器 `xai-grok-markdown/src/mermaid.rs`。开发者通过 Claude Code for web (Fable 5) 将其编译为 WebAssembly，实现在浏览器中运行该工具。
## 正文
Simon Willison 的博客
赞助商：Atlassian — 给你的智能体一个计划，而非一条提示词。全新的 Jira 功能为 AI 原生软件开发解锁了完整上下文。现在可以直接从 Jira 将任务分配给 Claude、Cursor 或 GitHub Copilot。了解更多
工具：Mermaid 转 Unicode 字符画（grok-mermaid）— 将 Mermaid 图表语法转换为终端风格的 Unicode 字符画，完全在浏览器中通过 WebAssembly 渲染。该工具支持流程图、时序图、状态图、类图和 ER 图，其他图表类型则会回退为带边框的源码列表。你可以调整输出宽度、将渲染后的图表复制为文本，或生成一个可分享的图表链接。
在探索新近开源的 Grok CLI 编码智能体的代码库时，我发现了 xai-grok-markdown/src/mermaid.rs，这是一个用 Rust 编写的“Mermaid 图表自包含终端渲染器”。
我想，通过 WebAssembly 在浏览器中尝试一下应该会很有趣。以下是我在 Claude Code for web（Fable 5）中运行的提示词，以及最终工具的样子：
发布于 2026 年 7 月 16 日 12:33 am