OpenAI 的 Dots、Meta 的 Muse、Grok 的 Bot 这类 AI 队友，说白了就是给 AI 配一台自己的电脑。
我从零搭了一遍这套东西，花了 2 个多小时，把全过程浓缩成了这张图。
它能订机票，能给供应商写邮件砍价。遇到它不知道的信息，你可以直接接管它的桌面替它填写；你在私聊里告诉它的事，它在群聊里也能想起来。
看这张图，可以按这个顺序来。
最上面一排是三张架构图，先看左边的系统总览，了解各部分之间是怎么交流的。
中间看发送一条消息时，消息如何从聊天框传到 AI 手里，再返回来。右边看它的桌面如何被显示和接管，也就是你怎么看到它的屏幕、又如何接手操作。下面的 12 张卡片是搭建顺序，从左到右、从上到下。
整张图只有一条主线：先给 AI 准备好现成的原语组件库、技能和已有示例，再让它实现功能、完成后提交 commit。从空项目开始，依次搭建登录（Clerk）、数据库（Neon）、聊天界面，再接上不会因刷新而中断的后台 worker 和每个 bot 的云电脑（Daytona），最后加上群聊记忆、计费和错误监控（Sentry）。不难。
想先看一处的话，就看架构图下面的绿色框：为什么 AI 不能放在网站后端运行，非要单独用一个无状态的 worker。
刷新、崩溃和部署都会中断长任务，这是整个设计绕不开的问题。想少踩坑的话，可以把红色标签都看一遍：免费档沙箱无法访问外网；AI 会自己切换分支；部署失败是因为技能里带了一个 Next.js 模板，被当成了第二个应用。
字很小，放大看。非常好用。$NVDAB
我从零搭了一遍这套东西，花了 2 个多小时，把全过程浓缩成了这张图。
它能订机票，能给供应商写邮件砍价。遇到它不知道的信息，你可以直接接管它的桌面替它填写；你在私聊里告诉它的事，它在群聊里也能想起来。
看这张图，可以按这个顺序来。
最上面一排是三张架构图，先看左边的系统总览，了解各部分之间是怎么交流的。
中间看发送一条消息时，消息如何从聊天框传到 AI 手里，再返回来。右边看它的桌面如何被显示和接管，也就是你怎么看到它的屏幕、又如何接手操作。下面的 12 张卡片是搭建顺序，从左到右、从上到下。
整张图只有一条主线：先给 AI 准备好现成的原语组件库、技能和已有示例，再让它实现功能、完成后提交 commit。从空项目开始，依次搭建登录（Clerk）、数据库（Neon）、聊天界面，再接上不会因刷新而中断的后台 worker 和每个 bot 的云电脑（Daytona），最后加上群聊记忆、计费和错误监控（Sentry）。不难。
想先看一处的话，就看架构图下面的绿色框：为什么 AI 不能放在网站后端运行，非要单独用一个无状态的 worker。
刷新、崩溃和部署都会中断长任务，这是整个设计绕不开的问题。想少踩坑的话，可以把红色标签都看一遍：免费档沙箱无法访问外网；AI 会自己切换分支；部署失败是因为技能里带了一个 Next.js 模板，被当成了第二个应用。
字很小，放大看。非常好用。$NVDAB