Simon Willison 釋出了一款名為「Mermaid 轉 ASCII 藝術」(mermaid-ascii) 的新型線上工具,該工具能夠將 Mermaid 圖表語法轉換為 ASCII 或 Unicode 方框繪製圖形,所有處理均在瀏覽器本地完成,無需伺服器端參與。此前,Willison 曾基於 Grok Build 的 Rust 程式碼構建過一個類似的 Mermaid 轉 ASCII 工具,但在隨後的探索中,他發現了一個更早且功能更全面的 Go 語言庫——AlexanderGrooff/mermaid-ascii。為了對比兩者的效果,他使用 Claude Fable 5 將這一 Go 庫編譯為 WebAssembly,從而在瀏覽器中實現了相同的功能。
新工具的一大亮點在於對顏色的全面支援。使用者可以透過 classDef 語句為節點定義不同的顏色,例如使用綠色表示構建成功和測試透過,黃色表示部署警告,紅色表示回滾失敗。這種顏色編碼使得圖表的狀態一目瞭然,大大增強了可讀性。工具介面設計直觀,提供了豐富的控制選項:頂部一排選項卡涵蓋了流程圖、多連結、子圖、多行標籤、顏色、序列圖、交替片段、迴圈+筆記以及並行等多種圖表型別。使用者可以透過滑塊或輸入框調整填充(Padding X 和 Padding Y)以及框內間距(Box padding),從而精細控制輸出圖形的外觀。生成的 ASCII 藝術圖可以透過「複製為文本」按鈕一鍵複製,或者透過「複製連結到此圖」按鈕生成可分享的連結,方便與他人協作。
該工具的核心技術是基於 WebAssembly 的 Go 庫編譯,因此所有計算都在使用者的瀏覽器內完成,無需向伺服器傳送任何資料。這不僅保護了使用者隱私,還帶來了極快的響應速度。此外,介面上還提供了一個「僅 ASCII」核取方塊,使用者可以選擇僅使用 ASCII 字元(而非 Unicode 方框繪製字元)來生成圖形,這在某些終端或純文本環境中非常實用。總的來說,mermaid-ascii 工具為開發者和技術寫作者提供了一種將 Mermaid 圖表轉換為文本形式的高效途徑,尤其適合在文件、程式碼註釋或終端輸出中嵌入圖表。