ストリーミングによるフレーム描画
エージェントは作業の進行に合わせてキャンバスに作業内容をストリーミングするため、スピナーや一般的な生成中表示のまま待つことなく、フレームがすぐに表示されます。
Doop
Doopは、Claude Code、CodexなどMCP対応AIエージェント向けのオープンソース共同デザインキャンバスです。共有キャンバスでライブ作業、コメント、スクリーンショット、永続的なコンテキストを活用し、チームとエージェントが並行してデザインできます。
概要
Doopは、Claude Code、CodexなどのAIエージェント向けのオープンソースのマルチプレイヤー型デザインキャンバスであり、MCPに接続されたデザインワークスペースです。エージェントと横並びでデザインすることを目的としており、フレーム、コメント、意思決定、タスクを見える状態で共有する場所としてキャンバスが機能します。
基本的なワークフローは、エージェントをキャンバスに接続し、リアルタイムでデザインさせ、共有コンテキスト、ブラウザでの承認、コメント、スクリーンショット、エクスポートしたフレームを通じて作業の進捗を追えるようにするものです。サイトではDoopを、AIエージェントに別の見えないワークフローではなく、可視性と共同作業を保ちながらデザインに取り組ませたい人向けのツールとして紹介しています。
機能
タスクにつながるコメント
キャンバス上のメモがタスクになり、適切なエージェントが引き受けて返信し、スクリーンショットで完了できます。フィードバックを見える形のバックログに変えられます。
スクリーンショットによるセルフレビュー
組み込みのヘッドレスレンダラーにより、ユーザーが結果を見る前に、エージェントが自分の出力について、収まり、余白、コントラスト、その他のレイアウト上の問題を確認できます。
ライブフレームのエクスポート
すべてのフレームにURLがあり、ドキュメント、ツイート、og:imageアセットに埋め込めます。デザインが変更されると再描画されます。
永続的なキャンバスメモリ
タスク、意思決定、コメントが共有メモリとしてキャンバス上に残るため、新しく参加したエージェントも以前の作業をやり直さずに続行できます。
既存ページのインポートと比較
キャンバスには公開URLやHTMLエクスポートを編集可能なスナップショットとして取り込めるため、エージェントは元のページの横で比較用のバリエーションを作成できます。
ユースケース
共同でのページデザイン
デザイナーはエージェントがページをセクションごとに組み立てる様子を見ながら、完成したドラフトを待つのではなく、作業中にコメントで介入できます。
参考資料に基づくリデザイン
チームはスクリーンショット、参考ページ、公開URLをキャンバスに貼り付け、エージェントがスタイルを推測して、元の素材に近いバリエーションを作成できるようにします。
エージェント主導の実装
開発者はClaude Codeや別のMCPエージェントを接続し、ブラウザのプロンプトを承認して、自分のIDで共有キャンバス上の作業をエージェントに任せられます。
可視化されたフォローアップによるフィードバックループ
レビュアーはキャンバス上に直接メモを残し、適切なエージェントにタスクとして引き受けさせ、変更を示すスクリーンショットを返してもらえます。
エージェント間の引き継ぎ
複数のエージェント間で継続性が必要なチームは、共有キャンバスメモリを利用して、意思決定、コメント、以前の作業を次の担当者にも見える状態に保てます。
Pros and Cons
Pros
- Claude Code、Codex、およびOAuth経由でストリーミング可能なHTTPを使用できるその他のMCPクライアントに対応しています。
- デザイン作業をエージェントのセッション内に隠さず、共有キャンバス上で見える状態に保てます。
- コメントやメモを、エージェントが直接引き受けられるタスクに変換できます。
- スクリーンショットによるセルフレビューに対応しており、余白やコントラストの問題を早い段階で発見するのに役立ちます。
- サイトによると、Postgresを使用するDockerコンテナとしてセルフホストできます。
Cons
- この製品はベータ版のため、料金や最終的なパッケージ構成は変更される可能性があります。
- MCP接続やセルフホスティングなど一部の機能では、設定不要のコンシューマー向けアプリのような体験ではなく、セットアップが必要です。
FAQ
DoopはどのAIエージェントで利用できますか？
Doopは、MCP対応AIエージェントに接続できるマルチプレイヤー型デザインキャンバスです。このページでは、Claude CodeとCodexはすぐに利用でき、その他のMCPクライアントもキャンバスの /mcp エンドポイントを介して接続できると説明されています。
エージェントをDoopに接続するにはどうすればよいですか？
MCPサーバーを追加するとブラウザウィンドウが開き、サインインした状態で接続を承認します。その後、エージェントはあなたのIDでキャンバス上で作業します。
Doopの料金はいくらですか？
Doopはベータ版の提供中は無料です。サイトには$0と$6という単純な料金例も表示されていますが、完全なプラン構成や制限を確認できる十分な情報はありません。
Doopはセルフホストできますか？
はい。DoopはPostgresを含む単一のDockerコンテナとしてセルフホストでき、BETTER_AUTH_URLを自分のドメインに設定できます。
チームのワークフローにおいて、Doopは何に役立ちますか？
Doopは、人間とエージェントが横並びで作業するために設計されています。タスク、コメント、意思決定、スクリーンショット、エクスポートしたフレームがすべてキャンバス上に保存されるため、次のエージェントは共有コンテキストから作業を続けられます。
Quick Facts
- カテゴリー
- AIデザインキャンバス / 開発者向けツール
- 主なユーザー
- 共有キャンバス上で共同作業するデザイナー、開発者、エージェント
- プラットフォーム
- Webアプリ
- ソースの状態
- オープンソース
- 連携
- Claude Code、Codex、および /mcp 経由のその他のMCPクライアント
- 料金の状態
- ベータ版では無料。料金の詳細は完全には明記されていません
Doopの代替品
Biji
Bijiは、革新的なツールと機能を通じて生産性を向上させるために設計された多目的プラットフォームです。
runevr
runevrは、ボード、メディアレビュー、チャット、録画、ドライブ、通話、AIエージェントを1つのルームでまとめる、クリエイティブチーム向けのコネクテッドワークスペースです。ツール切り替えを減らし、プロジェクトの文脈を一元管理できます。
BotBoard
BotBoardはAIエージェント向けのタスク管理レイヤー。チームで作業を割り当て、進捗を追跡し、出力をレビューできます。CLI、MCP、HTTPに対応し、OpenClaw、Codex、Claude Code、Cursorと連携可能です。
HackathonHost
HackathonHost は、ハッカソン、ゲームジャム、デモデーなどの運営に使えるホワイトラベルの管理ソフトです。参加登録、チーム作成、審査、ライブ管理、証明書、分析を1つのワークスペースで提供します。
hob
hobは、エージェントのセッション、ターミナル、履歴、後続作業を、既存のツールやプロバイダーに合わせて整理できる独立したコーディングエージェント向けワークスペース。ローカルでの制御を重視する開発者に最適。
SonOf
SonOfは、リポジトリとPMツールに接続し、コードベースと周辺の製品コンテキストを監査して、承認済みの作業をシニアエンジニアのレビュー付きで公開済みチケットに変えます。