kgoedecke/doop

解決する課題

Doopは、人間とAIエージェントがUI/UXデザインをリアルタイムで共同編集できるマルチプレイヤー設計キャンバスです。従来の「プロンプトを入力して更新を待つ」ワークフローを置き換え、エージェントが設計変更を共有キャンバスに直接ストリーミングし、人間がそれを見ながら同時に編集できるようにします。

仕組み

このプラットフォームは、「Frames」（サンドボックス化されたiframe内で実際のHTMLをレンダリングするアートボード）を含む共有可能なキャンバスを使用します。組み込みのMCP (Model Context Protocol) サーバーを提供しており、Claude Codeのような外部AIクライアントが接続してキャンバスをライブ編集できます。また、「Doop Agent」という機能も備えており、UX、コピーライティング、ブランド、アクセシビリティなどの専門的な役割を持つサーバーサイドAIチームを、チャットでのメンションやタスクカードを通じて呼び出すことができます。

対象ユーザー

AIエージェントを単なるプロンプトベースの生成ツールとしてではなく、アクティブな共同作業者として設計プロセスに統合したいデザイナー、開発者、プロダクトチーム。

ハイライト

• リアルタイム共同編集: 人間とエージェントの両方のライブカーソル、プレゼンスインジケーター、アクティビティフィード。
• MCP統合: MCPクライアント（例: Claude Code）に接続し、エージェントがユーザーとして作業できるようにします。
• 組み込みデザインチーム: ロールパイプラインを通じてルーティング可能な専門的なサーバーサイドエージェント。
• デザインメモリ: サンプルフレームに基づいて、エージェントが従うべき永続的なスタイルルールを提案する「ガイドライン抽出器」。
• 柔軟なデプロイ: DockerまたはBunを使用して自己ホスト可能で、Postgres (PGlite) データベースを内蔵。
• 外部統合: Webサイト、ライブアプリ、GitHubリポジトリからのインポートをサポートし、Linearと統合してチケットベースの設計タスクを管理可能。