Vrun-design/openflowkit

解決的問題

OpenFlowKit 是一個專為開發者設計的開源繪圖工作室。它消除了自由手繪白板、Mermaid.js 等純程式碼工具，以及雲端鎖定的企業級軟體之間的權衡，提供一個以本地為先的視覺化畫布，支援雙向圖示即程式碼（diagram-as-code）與 AI 驅動的生成。

如何運作

使用者可透過視覺化編輯器建立圖表，貼上 Mermaid 語法，或使用 AI 提示詞。該工具使用語意分類器與圖示匹配器，根據節點標籤自動從 1,600 多個資產（AWS、Azure、GCP、CNCF）庫中分配品牌圖示。它支援視覺化畫布與自訂 DSL 之間的雙向同步，任一端的變更都會即時反映在另一端。對於 AI 生成，它透過瀏覽器直接連接 10 個不同的提供者（包括本地的 Ollama），確保 API 金鑰保留在使用者裝置上。

適用對象

專為需要在不依賴雲端帳戶或專有格式的情況下，記錄技術系統、雲端架構與工作流程的軟體工程師、架構師與開發者打造。

主要亮點

• AI 驅動建立：透過 10 個提供者（包括透過 Ollama 實現的完全離線本地 AI）從自然語言、原始碼或截圖生成圖表。
• 雙向圖示即程式碼：視覺化畫布與相容 Mermaid 的 DSL 之間即時同步。
• 自動圖示分配：自動識別技術名稱，並從 1,600 多個資產庫中分配正確的品牌圖示。
• 電影級 MP4 匯出：使用 WebCodecs 實現硬體加速、基於瀏覽器的動畫圖示導覽匯出。
• MCP 伺服器：Model Context Protocol 伺服器，允許 Claude、Cursor、Windsurf 等 AI 助手直接驅動繪圖流程。
• 本地為先：零伺服器端儲存；資料儲存在瀏覽器的 IndexedDB 中。