doop 开源：让 AI 智能体在你眼前实时做设计的多人在线画布

2026 年 8 月 22 日，开源项目 kgoedecke/doop 正式发布，截至 9 月初在 GitHub 上获得 571 个 star、70 个 fork。它是一款多人在线设计画布，核心能力是让 AI 智能体通过 MCP 协议接入画布，把设计过程实时流式渲染出来——你看到的不是「提示词-刷新」后的最终结果，而是 AI 一笔一笔做设计的过程。doop 是商业设计工具 Paper.design 的开源替代，代码以 AGPL-3.0 许可发布，名称与 logo 为商标。

一条命令接入 Claude Code

doop 自带 MCP server（streamable HTTP，地址 http://localhost:4300/mcp），接入 Claude Code 只需一条命令：

claude mcp add --transport http doop http://localhost:4300/mcp

命令会触发标准 MCP OAuth 授权流程：浏览器窗口打开、用户批准后，agent 就以该用户的身份在画布上工作。agent 接下任务后，通过 create_frame 创建画框、append_frame_html 分块写入 HTML（首块 start=true、末块 done=true）、get_frame_screenshot 截图自审，形成完整的「设计-查看-修改」闭环。

流式渲染让 AI 设计全程可见

这是 doop 最特别的设计：服务器把 agent 产生的 HTML 按约 500 字符/秒的速度平滑广播，半写的标签会被自动「愈合」（补全标签、丢弃半截脚本），观看者看到的是类似打字机的实时直播。流式过程中画框带脉冲边框，并显示「正在设计…」标记；30 秒无更新自动结束。人类随时可以接管——人工编辑会立即取消进行中的流式展示。

内置 Doop Agent 与模型接入

除了外部 MCP 客户端，doop 服务器还内置一个常驻设计团队：给画布上的卡片排队、@提及某个角色，它就会自动开工。免费任务数由 RESIDENT_TASK_LIMIT 控制（默认 0，即默认需要用户连接自己的模型账户）。模型接入有三种方式：服务器默认走 Anthropic（claude-opus-5）、可切换 Azure OpenAI、用户可连接自己的 ChatGPT 订阅（走 Codex 后端）或 OpenAI API key。任务归属到发起的人类账户——谁的卡片、谁的反馈，就用谁的账户额度运行。

多人协作与设计记忆

doop 的多人能力基于每画布一个 WebSocket 房间：实时光标、存在感头像、逐帧「谁在编辑」指示、撤销/重做、活动流。人类可以对某个任务留反馈，反馈会成为画布上的工作项，下一个 agent 调用时收到并认领，构成「人指挥 AI 改设计」的闭环。此外，guideline distiller（设计记忆）会从画布上钉住的示例帧中提炼持久的风格规则，让后续所有 agent 遵守。

自托管与上手成本

开发模式零配置：克隆仓库后 bun install && bun run dev 即可，数据写入内置的嵌入式 Postgres（PGlite），无需任何外部服务。生产部署可用 docker compose up -d 一行启动。技术栈为 TypeScript 94.3%，前端 React + Vite + zustand，后端 Node 单进程（Express + WebSocket + MCP），数据库层用 Drizzle + Postgres。