AI News HubLIVE
站內改寫1 分鐘閱讀

Mermaid到Unicode框藝術(grok-mermaid)

Simon Willison探索了新開源Grok CLI編碼代理的程式碼庫,發現了一個用Rust編寫的自包含Mermaid圖終端渲染器。他將其透過WebAssembly移植到瀏覽器,並建立了一個線上工具。

Simon Willison在探索新近開源的Grok CLI編碼代理的程式碼庫時,發現了一個有趣的元件:xai-grok-markdown/src/mermaid.rs。這是一個用Rust編寫的“自包含Mermaid圖終端渲染器”,能夠將Mermaid圖表轉換為Unicode框藝術,從而在終端中直接顯示。

為了在瀏覽器中體驗該渲染器的功能,Willison決定將其透過WebAssembly進行移植。他使用Claude Code for web(Fable 5)編寫了相關提示,併成功建立了一個線上工具。該工具允許使用者輸入Mermaid圖原始碼,並即時渲染出對應的Unicode框藝術,支援調整最大寬度、複製為文本以及複製指向當前圖表的連結。

渲染出的圖表採用深色背景,自上而下顯示流程圖,例如一個包含身份驗證和速率限制檢查的請求處理流程。這個工具展示了Rust程式碼透過WebAssembly在Web環境中的強大應用潛力。