Vrun-design/openflowkit

何を解決するか

OpenFlowKit は開発者向けに設計されたオープンソースの図面作成スタジオです。自由なホワイトボード、Mermaid.js などのコード専用ツール、クラウドロックされたエンタープライズソフトウェアの間の妥協を排除し、双方向の図面-as-コードと AI による生成をサポートするローカル優先のビジュアルキャンバスを提供します。

動作方法

ユーザーは視覚的なエディタ、Mermaid 構文の貼り付け、または AI プロンプトを使って図を生成できます。ツールはセマンティック分類器とアイコンマッチャーを使用して、1,600 以上の資産（AWS、Azure、GCP、CNCF）からノードラベルに基づいてブランドアイコンを自動割り当てます。ビジュアルキャンバスとカスタム DSL の間で双方向同期が可能で、どちらかの変更がもう片方に反映されます。AI 生成では、ブラウザ経由で 10 の異なるプロバイダー（Ollama を含むローカル版も）に直接接続され、API キーはユーザーのデバイス上に保持されます。

対象ユーザー

クラウドアカウントやプロプライエタリ形式に依存せずに、技術システム、クラウドアーキテクチャ、ワークフローをドキュメント化する必要があるソフトウェアエンジニア、アーキテクト、開発者向けに構築されています。

特徴

• AI駆動の作成: 10 のプロバイダー（Ollama を用いた完全オフラインのローカル AI を含む）を用いて、平文の英語、ソースコード、スクリーンショットから図を生成。
• 双方向の図面-as-コード: ビジュアルキャンバスと Mermaid 互換 DSL の間でリアルタイム同期。
• 自動アイコン割り当て: 技術名を自動検出し、1,600 以上の資産から正しいブランドアイコンを割り当て。
• 映画風 MP4 エクスポート: WebCodecs を使用したハードウェアアクセラレーション対応、ブラウザベースのアニメーション図のウォークスルー出力。
• MCP サーバ: AI アシスタント（Claude、Cursor、Windsurf など）が図面作成プロセスを直接制御できる Model Context Protocol サーバ。
• ローカル優先: サーバーサイドのストレージはゼロ。データはブラウザの IndexedDB に保存されます。