kgoedecke/doop

解決的問題

Doop 提供一個多人協作的設計畫布，允許人類與 AI 代理即時協作。它消除了「發送提示並重新整理」的循環，讓代理能直接將設計流式傳送到共享畫布上，讓使用者能即時觀看 AI 的工作並提供即時反饋。

如何運作

該平台使用包含「框架」（沙盒化 iframe，用於渲染真實 HTML）的共享畫布。人類透過瀏覽器介面進行編輯，而 AI 代理則透過內建的 Model Context Protocol (MCP) 伺服器連接。伺服器透過 WebSockets 實現即時同步，管理游標、線上狀態以及「打字機式揭示」功能，將代理生成的 HTML 流平滑轉換為對人類觀看者友好的穩定視覺流。

適用對象

• UI/UX 設計師：希望與 AI 代理協作開發網頁佈局的使用者。
• 開發者：正在尋找 Paper.design 等協作設計工具的開源替代方案的使用者。
• AI 代理開發者：希望將 LLM 集成到視覺化、多人協作工作區的使用者。

主要亮點

• MCP 集成：可無縫連接 Claude Code 或任何 MCP 客戶端，使代理成為第一類協作者。
• 即時流式設計：代理以分塊方式流式傳輸 HTML，伺服器透過脈動邊框指示活躍工作，實現平滑的即時展示。
• 多人協作體驗：支援即時游標、線上狀態指示器以及所有人類和代理操作的共享活動動態流。
• 代理引導：使用者可對特定代理任務留下反饋，下一個與畫布互動的代理將認領並處理該任務。
• 可自托管：可透過 Docker 或 npm 快速部署，內建 Postgres (PGlite) 資料庫，實現零設定啟動。