Agent Q Canvas：空間キャンバスでローカル AI コーディングエージェントを調整する

コードリポジトリ：https://github.com/Shellishack/agent-q-canvas

Agent Q Canvas は、実際のワークフロー上の問題から始まりました。同じ日に複数のプロダクトを進めると、ローカルのコーディングエージェントがターミナル、リポジトリ、プロジェクトフォルダ、ブラウザタブ、コンテキストウィンドウに散らばってしまいます。

個人の PC でウィンドウやタブを開きすぎると、文脈を失い、何に取り組んでいるのかを見失いやすくなります。私の作業でも、5つから6つの Codex タブに加えて、VS Code、ブラウザプレビュー、ターミナル、ドキュメント、プロジェクトフォルダを管理することがあります。

AI コーディングエージェントが有用になるほど、その周囲の調整作業も増えます。タスクを割り当て、ブロック状態を確認し、操作を承認し、プレビューを見て、どのプロジェクトが進んでいるかを理解する人が必要です。

Agent Q Canvas は、空間キャンバス上でローカルコーディングエージェントを調整する Electron アプリです。現在のプロトタイプは、複数キャンバス、点線のプロジェクトグループ、ドラッグ可能なプロジェクトフレーム、エージェントノード、ローカルタスクキュー、グローバルコマンドボックス、プロジェクトジャンプリスト、プレビュードロワーに対応しています。

方向性は、ローカルエージェント作業を断片化させるのではなく、見える状態で整理することです。別々のウィンドウに散らすのではなく、エージェントターミナル、ブラウザプレビュー、タスクルーティング、プロジェクト文脈、承認を1つのビジュアルキャンバスに置きます。

このキャンバスは、1人が複数プロジェクトを管理する場合にも、チームで作業を調整する場合にも使えます。目的は、AI 支援開発のためのより整理された効率的な作業面を作ることです。

近いロードマップには、本物のローカルエージェントターミナル、ブラウザプレビューノード、Codex、OpenCode、Claude Code、Gemini へのアダプター、プロジェクトとタスク状態の永続化、git worktree 分離、承認とブロック中エージェントのためのコマンドセンターが含まれます。

まだ初期プロトタイプですが、プロダクトの方向性は明確です。AI コーディングワークフローには、より良い操作面が必要です。Agent Q Canvas は、私がすでに行っている働き方に合わせてそれを作る試みです。