kgoedecke/doop

解決する課題

Doop は、人間と AI エージェントがリアルタイムで協働できるマルチプレイヤー型のデザインキャンバスを提供します。プロンプトを送信してリフレッシュするというサイクルを排除し、エージェントが直接共有キャンバス上にデザインをストリーミングできるようにすることで、ユーザーは AI の作業をリアルタイムで観察し、即座にフィードバックを提供できます。

動作方法

このプラットフォームは「フレーム」と呼ばれる共有キャンバス（実際の HTML をレンダリングするサンドボックス化された iframes）を用いています。人間はブラウザインターフェースから編集を行い、AI エージェントは組み込みの Model Context Protocol (MCP) サーバーを通じて接続します。サーバーは WebSockets を使ってライブ同期を管理し、カーソル、存在状態、および「タイプライター再生」機能を提供することで、エージェントが生成する HTML ストリームを滑らかな視覚的流れに変換し、人間の観覧者にとって読みやすくします。

対象ユーザー

• UI/UXデザイナー：Webレイアウトの作成において AI エージェントと協働したい方。
• 開発者：Paper.design などの共同設計ツールのオープンソース代替品を探している方。
• AI エージェント開発者：LLM を視覚的でマルチプレイヤー型のワークスペースに統合したい方。

特徴

• MCP統合：Claude Code または任意の MCP クライアントとシームレスに接続可能で、エージェントを一等の共同作業者として扱えます。
• ライブストリーミングデザイン：エージェントは HTML をチャンク単位でストリーミングし、サーバーが脈動する境界線を表示することで、作業中の活発な状態を示しながら滑らかなライブリービュをレンダリングします。
• マルチプレイヤー体験：リアルタイムカーソル、存在インジケータ、すべてのユーザーおよびエージェントのアクティビティを共有するフィードを備えています。
• エージェントの制御：ユーザーは特定のエージェントタスクに対してフィードバックを残すことができ、次のキャンバスにアクセスするエージェントがそのタスクを引き継ぎ、対応します。
• 自己ホスティング可能：Docker または npm で簡単にデプロイでき、ゼロ構成起動を可能にする組み込み Postgres (PGlite) データベースを内蔵しています。