Tech Tactician
回到開源作品

Super Mermaid｜VS Code

開源

在編輯器直接預覽 Mermaid 圖表，支援主題、縮放與高解析匯出。

作品畫面

在 VS Code 裡用 Super Mermaid 的視覺化繪製編輯器編輯訂單流程圖，右側為 Claude Code 協作面板。
在 VS Code 裡用 Super Mermaid 的視覺化繪製編輯器編輯訂單流程圖，右側為 Claude Code 協作面板。點擊圖片可查看原尺寸

解決的問題

編寫圖表時需要在文字與視覺結果之間快速確認，不想反覆切換工具。

實作方向

  1. 01提供即時預覽與自動上色。
  2. 02整合圖表平移縮放、主題與範本。
  3. 03將圖表匯出供文件與簡報使用。