Aioga
AI资讯 / 技巧观点
返回 AI资讯

xAI 开源 Grok CLI 代码库中发现 Mermaid 转 Unicode 框图工具

Simon Willison 博客Aioga 编辑团队2026-07-16T00:33:18.000Z热度 72

xAI 开源的 Grok CLI 编码智能体代码库中包含一个用 Rust 编写的 Mermaid 图表示例终端渲染器 `xai-grok-markdown/src/mermai...

技巧观点Simon Willison 博客

今日 AI 情报摘要

xAI 开源的 Grok CLI 编码智能体代码库中包含一个用 Rust 编写的 Mermaid 图表示例终端渲染器 `xai-grok-markdown/src/mermaid.rs`。

开发者通过 Claude Code for web (Fable 5) 将其编译为 WebAssembly,实现在浏览器中运行该工具。

中文正文 · AI 翻译

在浏览新开源的 Grok CLI 编码代理的代码库 https://simonwillison.net/2026/Jul/15/grok-build/ 时,我发现了 xai-grok-markdown/src/mermaid.rs:https://github.com/xai-org/grok-build/blob/b189869b7755d2b482969acf6c92da3ecfeffd36/crates/codegen/xai-grok-markdown/src/mermaid.rs,这是一个用 Rust 编写的“Mermaid 图表自包含终端渲染器”。

我觉得在浏览器中通过 WebAssembly 尝试一下会很有趣。这是我在 Claude Code for web(Fable 5)中运行的提示:https://github.com/simonw/tools/pull/293#issue-4897479396,而这就是生成的工具的样子:

Screenshot of a Mermaid diagram editor showing source code and rendered flowchart. The code reads: graph TD Start[Request received] --> 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]. Below the code are controls labeled Max width: Fit output panel, Copy as text, and Copy link to this diagram. The rendered flowchart on a dark background flows top-down: Request received leads to Authenticated?, which branches yes to Rate limit OK? and no to 401 Unauthorized. Rate limit OK? branches yes to Handle request and no to 429 Too Many Requests. Handle request connects with a dotted arrow to Audit log and a thick arrow to 200 OK.

Auth{已认证?} Auth -->|是| Rate{速率限制正常吗?} Auth -->|否| R401[401 未授权] Rate -->|是| H(处理请求) Rate -->|否| R429[429 请求过多] H -.-> Log[审计日志] H ==> Resp[200 OK]。代码下方有标签为“最大宽度:适应输出面板”、“复制为文本”和“复制该图表链接”的控件。在深色背景下渲染的流程图自上而下:收到请求会进入“已认证?”,其分支“是”进入“速率限制正常吗?”,“否”进入“401 未授权”。“速率限制正常吗?”的分支“是”进入“处理请求”,“否”进入“429 请求过多”。“处理请求”通过虚线箭头连接到“审计日志”,通过粗箭头连接到“200 OK”。

这是 Simon Willison 发布的一篇信息,发布时间为 2026 年 7 月 16 日:/2026/Jul/16/。

以每月 10 美元赞助我,即可获得经过策划的本月最重要大型语言模型动态的电子邮件摘要。

情报判断

Aioga 编辑摘要

xAI 新近开源的 Grok CLI 编码智能体代码库包含一个 Rust 编写的 Mermaid 终端渲染器,可将图表转换为适合终端展示的 Unicode 框图。Simon Willison 又借助 Claude Code for web 将其编译为 WebAssembly,使工具能够在浏览器中运行。

背景分析

Simon Willison 在查看 Grok CLI 代码库时发现了 xai-grok-markdown 模块中的 mermaid.rs。原文将其描述为一个自包含的 Mermaid 图表终端渲染器,并展示了包含认证、限流、审计日志及响应分支的流程图示例。

Aioga 观点

Aioga 判断,这一案例的价值不只在于发现一项隐藏工具,还在于展示 Rust 终端组件迁移至浏览器环境的一种实践路径。值得关注的是,现有代码经 WebAssembly 封装后,可能获得不同于原始命令行场景的交互入口。

影响与后续

对开发者而言,该案例表明开源编码智能体代码库中的辅助模块也可能具备独立复用价值。浏览器版本提供最大宽度调整、文本复制和图表链接复制等控件,可能便于预览或分享 Mermaid 图表的文本化渲染结果。 建议关注 mermaid.rs 所支持的 Mermaid 语法范围、WebAssembly 版本与原始终端渲染结果是否一致,以及示例之外的复杂图表表现。上述能力边界在现有材料中没有明确说明,需要通过代码审阅或实际测试进一步确认。

来源与版权说明

本页正文由公开来源页面提取并按原有信息整理,同时保留来源、发布时间和原文入口。版权归原作者及来源网站所有,请通过原文链接核验和阅读来源版本。

抓取通道: 摘要聚合 · 原始域名: simonwillison.net

来源: Simon Willison 博客

原文链接: 打开原始来源

Aioga 归档: 查看情报页

Content record: source-page · Updated: 2026-07-16T00:33:18.000Z

API 中转站
API RELAY · DEVELOPER INFRASTRUCTURE

API 中转站

统一接入主流 AI 模型 API,为开发、测试与生产环境提供稳定调用入口。

立即访问 api.w173.com
AIOGA SHARE POSTER

分享这篇 AI 情报

xAI 开源的 Grok CLI 编码智能体代码库中包含一个用 Rust 编写的 Mermaid 图表示例终端渲染器 `xai-grok-markdown/src/mermai...

Simon Willison 博客2026-07-16T00:33:18.000Z
扫码打开文章详情扫码直达文章详情

Aioga 自动聚合全球 AI 动态,并保留来源信息用于核验与引用。