GitHubリポジトリのマッピング
公開GitHubリポジトリのアドレスまたはowner/repo形式のパスを貼り付けると、ブラウザが構成要素、ファイル、接続関係を特定します。矢印から、それぞれの関係を生成したソースファイルと行に戻って確認できます。
キャンバス、コード、リポジトリからアーキテクチャ図を作成
OpenFlowKitは、開発者や技術チーム向けのオープンソース・アーキテクチャ図作成スタジオです。ビジュアルキャンバス、ダイアグラム・アズ・コードのワークフロー、リポジトリマッピング、C4モデル形式のアーキテクチャビュー、エージェント支援による編集を組み合わせ、システムをスケッチしたり、テキストから生成したり、ソースコードから導出したりできます。
この製品はローカルファーストです。ホスト型アプリはアカウントを必要とせず、静的なセルフホスト可能ビルドには製品バックエンドやデータベースがありません。公開GitHubリポジトリはブラウザで読み取ることができ、プライベートリポジトリのマッピングはCLIを使ってローカルチェックアウトから実行できます。図は引き続き編集可能で、文書化されたリンクワークフローを通じてエクスポートや共有ができます。
主な機能
キャンバスとダイアグラム・アズ・コード
フリーハンドまたは構造化された図を描画し、Mermaid、D2、Structurizrをインポートまたは記述できます。テキスト表現とキャンバス表現は、同じ編集可能な図の一部として保持されます。
エージェントネイティブな図作成
Claude Code、Codex、Cursor、VS Code、Claude Desktop、Windsurf、その他のMCPクライアントを接続できます。ローカルサーバーは、描画、読み取り、再配置、スタイル設定、スクリーンショット、エクスポート、リポジトリ操作のための29個のツールを提供します。
アーキテクチャモデリング
C4モデル形式のコンテキスト、コンテナ、コンポーネントの視点など、相互に接続されたアーキテクチャビューでシステムをモデル化できます。リポジトリをC4モデルとして開くこともでき、読み取ったコミットに紐付いた根拠リンクを固定表示できます。
テクノロジー対応の図スタイル設定
PostgreSQL、Redis、Kubernetesなどのテクノロジー名を指定すると、2,000種類を超えるAWS、Azure、Google Cloud、CNCF、開発者向けアイコンから自動的に一致するアイコンを使用できます。
セルフホスティングとローカルストレージ
静的ビルドをファイルホストから配信するか、Dockerで実行できます。図は各訪問者のブラウザに保存され、オプションの閲覧専用共有では、別途デプロイしたWorkerが暗号文を保存します。
実用的なユースケース
不慣れなコードベースを調査する
公開リポジトリを貼り付けて、検出されたサービス、ファイル、接続関係のマップを生成し、矢印を選択してその背後にあるソースファイルと行を確認できます。読み取り専用マップで調査するか、キャンバスにコピーして再配置できます。
システムアーキテクチャを文書化する
システムコンテキスト、コンテナ、コンポーネントのいずれかのビューから始め、関連するアーキテクチャレベルを接続したままにできます。これにより、C4モデル形式でサービス、データストア、外部システム、それらの関係を文書化できます。
コードと視覚的な思考を行き来する
Mermaid、D2、Structurizrの記述を編集可能なビジュアル図に変換したり、キャンバスを使って構造化された図形とフリーハンドのメモ、画像、絵文字、チャートを組み合わせたりできます。
コーディングエージェントと協働する
MCP接続されたエージェントに、リポジトリアーキテクチャの描画、選択した要素の変更、キャッシュの追加、図のスタイル変更、図のコードの編集可能なドキュメントへの変換を依頼できます。各変更を確認し、1つのステップとして元に戻せます。
プライベートな図作成ワークスペースをホストする
静的ビルドを配信するかDockerを使うことで、内部ドメインまたはローカル環境上でOpenFlowKitを実行できます。ドキュメントをブラウザに保存し、閲覧専用リンクが必要な場合は共有Workerをオプションでデプロイできます。
Pros and Cons
Pros
- 1つのキャンバスで、フリーハンド描画、ダイアグラムコード、リポジトリマッピング、エージェントへの指示という複数の開始方法に対応しています。
- リポジトリの矢印からファイルと行の根拠を確認できるため、生成されたアーキテクチャマップをソースコードと照合しやすくなります。
- MCPサーバーにより、対応エージェントが29個のツールを通じて開いている図を編集でき、変更は元に戻せます。
- MITライセンスのオープンソースで、静的ビルドをセルフホストしたりDockerで実行したりできます。
- C4モデル形式の接続されたビューと、幅広いクラウドおよび開発者向けテクノロジーに対応する自動アイコン照合をサポートしています。
Cons
- ブラウザでのリポジトリマッピングは公開GitHubリポジトリに限られます。プライベートリポジトリにはローカルCLIワークフローが必要です。
- リポジトリマップはコードを実行するのではなく、インポートや設定ファイルから関係を推測します。また、大規模なリポジトリは明示された読み取り制限の範囲内でサンプリングされます。
- チーム同期は組み込まれていません。セルフホストしたドキュメントは各訪問者のブラウザに保存され、閲覧専用共有には別途デプロイしたWorkerが必要です。
FAQ
OpenFlowKitのセットアップ方法を教えてください。
OpenFlowKitは、アカウントなしでホスト型のブラウザスタジオを利用できます。セルフホスト版は、フォルダーから配信するかDockerで実行できる静的Webアプリです。プロジェクトのビルドにはNode 22.22以降が必要です。
OpenFlowKitはどのようなワークフローに対応していますか？
キャンバスへの描画、Mermaid・D2・Structurizrの貼り付けや記述、リポジトリマップのインポート、MCPクライアントの接続に対応しています。作成した図は編集可能なドキュメントとして保持され、エージェントによる変更は1ステップずつ元に戻せます。
OpenFlowKitはプライベートGitHubリポジトリをマッピングできますか？
公開GitHubリポジトリは、APIキーやインストールなしでブラウザから直接マッピングできます。プライベートリポジトリは、MCPサーバーパッケージに含まれるCLIを使い、ローカルチェックアウトからマッピングする必要があります。
リポジトリマッピングにはどのような制限がありますか？
リポジトリマッパーは、アプリケーションを実行するのではなく、インポートや設定ファイルから接続関係を導出します。ブラウザでのマッピングは公開GitHubリポジトリ向けで、GitHubの未認証読み取り制限の対象となります。大規模なリポジトリは、文書化されたファイル数および合計サイズの制限に基づいてサンプリングされます。
どのようなエージェントおよびAIワークフローに対応していますか？
MCPサーバーは、Claude Code、Codex、Cursor、VS Code、Claude Desktop、Windsurf、その他のMCPクライアントで動作します。ユーザーのマシン上で実行され、独自のAPIキーは必要ありません。クラウドモデルを通じて行われるAIリクエストには、各プロバイダーのデータ取り扱いと利用料金が適用されます。
Quick Facts
- カテゴリー
- 開発者ツール、アーキテクチャ図作成
- プラットフォーム
- 静的ファイルまたはDockerによるセルフホスティングに対応したWebアプリ
- ライセンス
- MITライセンスのオープンソース
- エージェントインターフェース
- 図およびリポジトリ用の29個のツールを備えたMCPサーバー
- 図の入力
- キャンバス描画、Mermaid、D2、Structurizr、GitHubリポジトリ
- アカウントモデル
- アカウントなしで利用できるホスト型スタジオ
OpenFlowKitの代替品
Lucid Train
Lucid Trainは、リポジトリのコードからアーキテクチャ図を生成し、その図をコーディングエージェント向けの仕様として使うローカルファーストのAIコーディング支援です。デスクトップアプリと軽量なRust CLIで利用でき、ローカルモデルや自分のAPIキーにも対応します。
Cherry Blossom
Cherry Blossomは、英語の指示から編集可能な回路図、PCBレイアウト、製造ファイルを生成するブラウザベースのPCBエディタ。検証チェック付きでAI支援の基板設計に対応。
ByteAsk
ByteAskは、C/C++向けのターミナル起点AIコーディングエージェント。リポジトリを編集し、コンパイラやデバッガ、サニタイザ、テストで変更を検証してから差分を表示。無料枠あり。
Epherem
Epheremは、Lovable、Bolt、v0、Replit、Cursor、Claude CodeなどのAIコーディングツールで構築したWebアプリ向け静的セキュリティスキャナーです。アプリを実行せず、ソースファイルと依存関係を検査し、一般的なセキュリティミスを分類して修正案を提示します。
CreateOS Sandbox
CreateOS Sandboxは、FirecrackerマイクロVM上でコードやエージェントのワークロードを実行できる分離型コンピュート環境です。SDK、CLI、MCPで制御可能。
GitBot
GitBotは、Claude Code、Codex、OpenCodeを活用した再利用可能なコーディングボットを作成できるローカルブラウザワークスペースです。永続スレッドと権限設定で、リポジトリ内の作業を効率化します。