Doop icon

Doop

Doop 是支援 Claude Code、Codex 與其他 MCP AI 代理的開源多人設計畫布,讓團隊在共享畫布上協作,掌握即時工作、留言、截圖與持久脈絡。

Doop

概覽

Doop 是適用於 Claude Code、Codex 與其他 AI 代理的開源多人設計畫布,也是連接 MCP 的設計工作區。它旨在讓人類與代理並肩設計,讓畫布成為共享空間,使畫格、留言、決策與任務都保持可見。

產品的核心工作流程是將代理連線至畫布,讓它即時進行設計,並透過共享脈絡、瀏覽器核准、留言、截圖與匯出的畫格,讓工作保持可追蹤。網站將 Doop 定位為一項工具,適合希望 AI 代理以可見且協作的方式處理設計,而非在獨立、隱藏的工作流程中工作的使用者。

功能

串流畫格渲染

代理會在工作進行時,將成果串流至畫布,因此畫格會立即顯示,不必等待載入指示器或一般的生成狀態。

可轉為任務的留言

畫布上的備註會轉換為任務,讓適合的代理接手、回應,並以截圖完成任務,將回饋轉化為可見的待辦清單。

使用截圖進行自我檢查

內建的無頭渲染器可讓代理在使用者查看結果前,自行檢查內容是否符合版面、間距、對比度及其他配置要求。

即時畫格匯出

每個畫格都有可嵌入文件、推文或 og:image 資產的 URL,且設計變更時會重新渲染。

持久的畫布記憶

任務、決策與留言會以共享記憶的形式保留在畫布上,讓新加入的代理無須重做先前的工作即可繼續。

匯入並比較現有頁面

畫布可以匯入公開 URL 與 HTML 匯出內容,作為可編輯的快照,讓代理能在原始內容旁建立變體以供比較。

使用情境

  • 協作式頁面設計

    設計師可以觀看代理逐段組建頁面,並在工作仍進行中時透過留言介入,而不必等到完整草稿完成。

  • 以參考內容為基礎重新設計

    團隊可以將截圖、參考頁面或公開 URL 貼到畫布上,讓代理推斷風格,並製作貼近來源素材的變體。

  • 代理驅動的實作

    開發者可以連接 Claude Code 或其他 MCP 代理,核准瀏覽器提示,讓代理以其身分在共享畫布上工作。

  • 具備可見後續處理的回饋循環

    審查者可以直接在畫布上留下備註,讓適合的代理將其接手為任務,之後返回顯示變更內容的截圖。

  • 代理之間的交接

    需要在多個代理之間維持工作連續性的團隊,可以依靠共享的畫布記憶,讓決策、留言與先前工作持續對下一位貢獻者可見。

Pros and Cons

Pros

  • 可與 Claude Code、Codex,以及能透過 OAuth 使用可串流 HTTP 通訊的其他 MCP 用戶端搭配使用。
  • 將設計工作保留在共享畫布上,而不是隱藏於代理工作階段中。
  • 可將留言與備註轉換為任務,讓代理直接接手。
  • 支援使用截圖進行自我檢查,有助於更早發現間距或對比度問題。
  • 根據網站資訊,可透過搭配 Postgres 的 Docker 容器自架。

Cons

  • 產品目前處於 beta 階段,因此定價與最終方案包裝仍可能變更。
  • 部分功能(例如 MCP 連線與自架)需要進行設定,不是完全免設定的消費型應用程式體驗。

FAQ

哪些 AI 代理可以使用 Doop?

Doop 是可連接至支援 MCP 的 AI 代理的多人設計畫布。頁面指出 Claude Code 與 Codex 可直接使用,其他 MCP 用戶端則可透過畫布的 /mcp 端點連線。

如何將代理連線至 Doop?

來源指出,加入 MCP 伺服器後會開啟瀏覽器視窗,您登入後即可核准連線。完成後,代理會以您的身分在畫布上工作。

Doop 的費用是多少?

Doop 在 beta 期間免費。網站也展示了 $0 和 $6 的簡單定價範例,但未提供足夠脈絡來確認完整的方案結構或使用限制。

Doop 可以自架嗎?

可以。網站表示,Doop 可自架為搭配 Postgres 的單一 Docker 容器,並可將 BETTER_AUTH_URL 設定為您的網域。

Doop 在團隊工作流程中有什麼用途?

Doop 是為人類與代理並肩工作而設計。任務、留言、決策、截圖與匯出的畫格都保留在畫布上,讓下一個代理能根據共享脈絡繼續工作。

Quick Facts

類別
AI 設計畫布/開發者工具
主要使用者
在共享畫布上共同工作的設計師、開發者與代理
平台
Web 應用程式
來源狀態
開源
整合功能
Claude Code、Codex,以及透過 /mcp 連線的其他 MCP 用戶端
定價狀態
beta 期間免費;定價詳細資訊尚未完整說明