Mermaid 转 Unicode 框线图 (grok-mermaid)
Mermaid to Unicode box art (grok-mermaid)
xAI 开源项目 Grok CLI 的代码库中，一个用 Rust 编写的 Mermaid 图表终端渲染器（`xai-grok-markdown/src/mermaid.rs`）被通过 WebAssembly 移植到浏览器，并在 Claude Code for web（Fable 5）中运行。该工具可将 Mermaid 语法（如认证与速率限制流程图）渲染为 Unicode 框线图，支持最大宽度、适配输出面板、复制文本与图表链接等控制选项。
工具：Mermaid 转 Unicode 框线图（grok-mermaid）在探索新开源的 Grok CLI 编码代理代码库时，我发现了 xai-grok-markdown/src/mermaid.rs，这是一个用 Rust 编写的“Mermaid 图表的自包含终端渲染器”。我想，通过 WebAssembly 在浏览器中尝试一下应该会很有趣。以下是我在 Claude Code for web（Fable 5）中运行的 prompt，最终工具的效果如下：Auth{Authenticated?} Auth -->|yes| Rate{Rate limit OK?} Auth -->|no| R401[401 Unauthorized] Rate -->|yes| H(Handle request) Rate -->|no| R429[429 Too Many Requests] H -.-> Log[Audit log] H ==> Resp[200 OK]。代码下方是控制选项，标签为：最大宽度、适配输出面板、复制为文本、复制此图表的链接。在深色背景上渲染的流程图自上而下流动：收到请求 → 是否已认证？是则分支到“速率限制是否通过？”，否则分支到“401 未授权”。“速率限制是否通过？”是则分支到“处理请求”，否则分支到“429 请求过多”。“处理请求”通过虚线箭头连接到“审计日志”，并通过粗箭头连接到“200 OK”。标签：tools、rust、webassembly、mermaid、grok、xai