Grok Bot 熟练之后,过去一个团队一周能干完的活,现在只要前期配置一次,交给你的 Bot 团队,他们很快就能完成。 昨天一个白天的时间,我用几个 Bot,把个人网站从一个想法做到了上线,成品在这里

https://liuyuzhiwai.com/

。 如果想弄懂从一个 Bot 到一个项目组,什么时候该加新 Bot,什么时候该创建群聊让它们合作?这篇文章就借我这个流程,讲清 Bot 的配置、分工和交接,需要的朋友也能按自己的工作流搭一支 Bot 团队。 文末附我项目用到的 Bot 模板,有需要的朋友可以直接拉群里干活,也可以按自己的场景调整使用。

一、先给第一个 Bot 一份完整的工作

1.1 为 bot 设定长期系统简介

开始,我的问题很简单:我的个人网站应该长什么样?所以先建了一个设计探索Bot,我叫它 Experiments(后面简称小蓝)。简介如下:

1
2
3
4
5
6
7
8
9
10
负责把模糊的产品和设计想法快速做成可以真实体验的方案。

使用真实内容和真实资产探索产品结构、页面、视觉和交互,通过做出来、体验、修改的方式持续推进。方向没有确认前保持探索,不急着收敛成最终方案。已经确认的设计继续作为后续工作的基准。


需要搜索、写代码、改文件或搭建可运行 Demo 时,优先通过 Terminal 使用 Herdr 调度合适的终端 Agent 执行。自己只负责方向、判断、拆任务和验收,不自己埋头做重执行。

验收:每轮至少交 2 个有明显差异的可点方案(或开场说清「本轮只探一个轴」);方案必须可真实打开体验。不过关就打回终端,不代做。

只在我喊你时工作。没事不主动刷存在感。

注意:简介不是越长越好,只要写清楚长期不变的职责、工作习惯和任务边界在哪就可以,具体干什么怎么么干可以放聊天里。

💡:切换到你的场景,在给 Bot 设计岗位介绍时,要先想清楚。我们希望让他交出什么工作成果。这个成果可以包含多个工作内容,不是每个工作内容都值得单独建一个 Bot。

比如小蓝负责把模糊的设计想法做成可以体验的方案,整理需求、查看素材和制作原型,都属于这份工作。

💡 :简介里写的通过 Herdr 调用终端 Agent,是我为了省 Bot 额度而使用的办法,其实就跟在你的个人电脑终端安装Codex一个步骤,只不过这次是装在 Bot 的云电脑上。后面只要写清楚你的 Bot 在处理哪些工作需要调用终端就可以了。

1.2 给 Bot 安排第一个任务

正如官方文档建议的那样,为了让小蓝以后还可以在其他项目中继续工作,我没有在简介里写个人网站相关的内容,而是把个人网站探索作为第一个任务放到聊天里:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
我要做一个个人网站。

先不要开始设计页面。

你先通过提问帮我把 Brief 整理清楚。

要求:

一次只问我一个问题。

根据我的回答继续追问。

不要一次给我很多问题。

需要确认的内容包括:

- 网站目标
- 主要访客
- 我希望别人看完以后记住什么
- 网站需要放哪些内容
- 最重要的信息
- 希望呈现的气质
- 已有素材
- 参考网站
- 不喜欢的设计方向
- 必须满足的限制

信息足够以后,整理成一份完整 Brief。

Brief 给我确认以后,再进入下一步。

简介里写清楚了长期职责,第一次聊天我们还要把眼前的工作交代清楚。Bot 需要知道目标是什么,有哪些依据材料,以及什么样的结果才能让我们满意。

这里我让小蓝逐个提问,是因为网站内容还没有确定。如果你已经有清楚的需求和完整素材,就可以直接交代任务,不必每次都重新做一遍问答。

1.3 素材归档与设计探索

需求确认后,小蓝要接着整理素材。把现有的文字、项目、参考网站发给它,重点是要说明白为什么要参考这些(是主标题的构图,还是分栏的秩序?是图文关系,还是颜色?):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
Brief 已经确认。

现在整理项目实际会使用的内容和素材。

请检查我们已经有的材料,并整理到项目工作区。

项目目录:

/workspace/personal-site

根据实际情况整理:

brief
content
assets
references
explorations
production

同时维护:

PROJECT.md
记录当前项目状态和重要信息。

DECISIONS.md
记录已经确认的重要设计决定。

这一阶段先整理材料。

缺什么就告诉我。

不要编造不存在的个人经历、项目、文案和数据。

等小蓝理解了我们的所有要求之后,就会开始调用云电脑终端做页面。

后面就是:做一版 → 我看 → 提意见 → 继续改。

页面方向确定后,接下来的工作内容发生了变化。动效要看实际操作时的节奏和反馈,工程工作要检查兼容性、性能以及能否正常上线。

这两类工作都有各自的交付标准,后续项目也会反复用到,这时我才考虑另外加了两个 Bot

💡:你可以照这个思路判断是否需要新 Bot。 1、先看看有没有一份值得长期单独负责的工作岗位,再想想它的目标、资料来源、工作方式或最终标准,是否与现有 Bot 明显不同。 2、如果只是临时多做一点事,交给原来的 Bot 就够了。 3、也不必等一个 Bot 的工作全部结束才交接,只要新角色有明确的任务,就可以随时加入。

二、加入其他机器人

我加入的两个 Bot如下 Motion God(下面简称小绿),专职动效,简介:

1
2
3
4
5
6
7
8
9
负责产品和网站中的动效与交互体验。使用真实页面、代码和生产资产调整进入、退出、转场、Hover、滚动反馈、timing、spring、distance、scale 和 easing。根据真实运行效果持续调整,直到体验正确。已经确认的页面结构和视觉方向保持不动。

禁区:不新建页面、不改布局/色/字、不做方案探索(归 Experiments)、不做后端/构建发布(归 Devbot)。与 Devbot 冲突时先提问我:Motion 管动效相关代码与参数,Devbot 管结构、性能预算、上线风险。

需要动效代码和修改时,优先通过 Terminal 使用 Herdr 调度合适的终端 Agent。自己只负责动效判断、调试标准、拆任务和验收,不自己埋头做重执行。

验收硬条件:必须基于真实运行效果(可点预览或录屏);只改参数表、看不到手感 = 不算完。优先盯:手感对、可打断、不掉帧。

只在我喊你时工作。没事不主动刷存在感。

Devbot(下面简称小黑),负责工程检查与上线,简介:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
在已确认设计上保证可上线的工程质量:技术可行性、代码结构、Bug、响应式、兼容性、性能、构建和发布门禁。

读取真实项目和已经确认的设计。工程限制可能影响已经确认的产品体验时,先提出问题,不擅自改设计。

禁区:不改视觉/文案/信息架构(体验冲突只提问)、不做纯 Figma 生产(归 Figma Bro)、不做方案探索(归 Experiments)、不写选题不发帖。

分工写死(防模糊):
- 自己只做:工程判断、拆任务、设验收门禁、把结果贴给我、问不可逆操作是否批准。
- 重活一律 Herdr → 终端 Coding Agent(优先 grok;codex 仅我点名):改代码、测试、构建、打 dist、用 CLI/API 部署(如 wrangler)。禁止重装 herdr/grok/codex。
- 禁止自己埋头写大段代码,禁止自己在浏览器里当运维点点点(Cloudflare / Spaceship / 控制台 GUI 操作不算「调度」)。
- 需要登录、2FA、验证码、付款、改 NS 等人手步骤:停下来交给我(或 request_box_help),我做完你再让终端继续。
- 派完即停,不持续盯;我问进度或任务自然完成时再汇报。

验收:构建通过或关键路径跑通;部署后抽查关键 URL 返回 200。公开上线 / 买服务 / 改域名等不可逆操作必须我明确点头。短回复,先证明再扩。

只在我喊你时工作。没事不主动刷存在感。

由于新加入了两位同事,管设计探索的小蓝现在有了同事,不是自己单干了,我们需要在他的简介里补上如下工作禁区:

1
禁区:不碰生产代码与上线(归 Devbot)、不动效定稿(归 Motion God)。没有真实内容或资产时先问我要,不拿假文案凑。

💡:新增 Bot 时,要重新检查原有分工。如果一项工作两个 Bot 都觉得该归自己管,就可能出现重复修改;如果都以为对方会处理,又会漏掉。 💡:长期有效的职责范围可以写进 Bot 简介。像“这个项目暂时不要改代码”,“本轮先由小绿负责”,这类阶段安排放在项目群里,换项目拉新群时再按实际情况直接聊天就可以了。

三、个人公司组建完成:建群、交接

3.1 建群的时机

如果说值得加入新 Bot 的时机,是你需要一个长期单独负责的工作岗位, 那么当几个 Bot 要协作完成同一个目标,就该建群了。小绿的动效要基于小蓝确认的页面,小黑又需要检查动效完成后的工程状态,它们之间已经有明确的合作关系。

💡:群简介不需要像设置 Bot 那么复杂,甚至不写都可以,我们同样把工作内容放到聊天里

3.2 先整理交接资料

这里有个容易混淆的地方。同账号下的 Bot 共用一个云电脑,文件和登录状态也会共用,但交接时仍然需要交代项目背景,不能直接假设它们已经知道你在其他聊天里说过什么。

所以交接文档要讲清当前进度以及其他 Bot 应该从哪里接手。我给小蓝发了下面这些:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
个人网站的页面设计、前端代码和跳转逻辑现在已经完成并确认。

接下来这个项目会进入多 Bot 协作阶段,我会把你、Motion God 和 Devbot 放进 Personal Site 项目群。

在进入群聊交接前,请先做一次项目状态整理,但不要继续修改设计或代码。

请确认并记录:

当前项目代码的实际目录

当前可以正常运行的启动方式

已完成的页面和路由

当前确认的设计 Source of Truth

已确认且后续不应擅自修改的视觉/结构规则

当前尚未完成的工作:动效、工程检查、部署上线

Motion God 后续应该从哪里开始查看和体验当前网站

Devbot 后续应该从哪里读取代码和项目状态

把这些整理进项目现有的 PROJECT.md / DECISIONS.md,或现有最合适的交接文档中,不要为了交接再重复创建一堆新文件。

完成后只告诉我交接资料已经准备好以及关键文件位置,然后停止,等待群聊中的下一步任务。

交接文档整理好后,我们就不需要再找小蓝单聊了,后续工作安排可以直接在群内说。

3.3 群内第一次开工的注意事项

我们在群聊里发的第一句话,要交代清楚项目背景和当前进度,以及每个bot的分工和交接规范等等,模板如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
这是我的个人网站项目群。

当前项目已经完成前端可体验原型:

页面设计已确认

首页、二级页和详情页已完成

前端代码已完成

页面跳转逻辑已完成

Experiments 已经整理好当前项目状态和交接资料。现有网站和代码是当前 Source of Truth,不重新设计、不从头开发。

角色分工:

@Experiments
继续作为设计 Owner,负责判断后续修改是否符合已经确认的视觉和体验方向。除非我明确要求,不再主动修改现有代码。

@Motion God
当前阶段 Owner。负责基于现有真实网站和代码完成动效与交互设计,包括页面进入、转场、Hover、滚动反馈、Reveal、节奏、easing、spring 等。不得擅自修改页面结构、内容、视觉体系和导航逻辑。

@Devbot
当前待命。遇到工程实现问题时可以介入;动效确认后负责 production review、兼容、性能、SEO、构建和最终部署。不得擅自重新设计页面。

大量代码执行优先通过共享云电脑里的 Herdr 调用可用的终端 Coding Agent 完成。Bot 负责判断、拆解和验收,Coding Agent 负责重代码执行。

现在先不要修改代码。

@Motion God 请先读取 Experiments 已整理的项目交接资料,并实际打开当前网站体验一遍。

第一轮只给我:

建议增加或优化的动效位置

每个动效想解决什么体验问题

优先级

哪些地方建议保持静止

先不要实施,等我确认方案。

💡:普通群消息可以让群里的 Bot 自己判断该谁回复;有明确负责人时,就直接 @ 对应的 Bot。每个阶段最好有一个主要负责人,其他 Bot 在需要时配合。

在这个项目里,小绿先负责动效,小蓝处理相关设计,小黑在需要工程支持时介入。动效确认后,再明确交给小黑继续检查和上线。

3.4 落地部署和后续迭代

通过各bot间的通力协作,项目就可以从一个概念到正式上线了。

这里具体没有什么提示词模板,其实就是把自己想象成老板,正常交代你的员工工作就可以了。

后续迭代也按照这个方式进行。只要说明这次改什么、哪些内容不要动,再指定当前负责人就可以了。

3.5 固定工作流可沉淀为skill

重复的工作流可以打包成skill,直接跟 bot 私聊让其打包即可。

如果同样一份工作,每周都要做,就可以交给一个明确的 Bot,设置成例行任务。

四、岗位扩展与新项目开局

个人网站的项目结束了,但是你的bot不会浪费,只要有新项目,你就可以拉一个新的群聊。

💡:换项目时,先看现有 Bot 的岗位职责还能不能覆盖新的工作。能覆盖就建项目群直接用,只要在新的项目群里交代这次的项目内容就可以了。

个人网站这种项目不同的是,新的项目,涉及到组件库和原始版本的设计稿,需要使用 Figma MCP,于是我新增加了一个名为 Figma Bro 的 Bot ,简介如下:

1
2
3
4
5
6
7
8
9
负责 Figma 设计生产。可以从已确认的 Brief、Demo 或链接建立页面;已有 Frame、Component、Template 或 Variables 时,以真实 Figma 文件为准。

禁区:不重新探索产品方向(归 Experiments)、不发明未确认的信息架构、不做工程实现与上线(归 Devbot)、不替代 Motion God 做动效体验定稿。没有已确认 Brief/Demo/链接时先停下来问我,不从空白脑补整站。不猜设计数值,不擅自改设计方向。

大量画页面、建组件、填充内容和批量修改时,优先通过 Terminal 用 Herdr 调度终端 Agent。自己只负责拆任务、检查结果、修正偏差和验收,不自己埋头做重执行。

验收对照 Brief:漏组件、该用 Variables 却硬编码、间距/字号瞎编 = 打回。任务明确后直接做。

只在我喊你时工作。没事不主动刷存在感。

所以的新项目工作流就出现了以下的变化,但是各 Bot 的岗位没有变。

例如,换成电商业务。一个负责商品内容的 Bot,可以从整理资料一直做到详情页文案。只有当图片制作需要长期单独负责,有自己的素材要求和验收标准时,才考虑再加入一个制作图片的 Bot。

五、总结:心法与原则

搭建 Bot 团队看似复杂,核心不过是对职责、边界与协同的控制。不需要一开始就搭建庞大的系统,掌握这套底层逻辑,Grok Bot 就会越用越顺手:

  • Bot 简介写长期职责,同时说明工作边界。
  • 具体的任务放聊天里。
  • 出现值得长期单独负责的工作,再考虑新增 Bot。
  • 几个 Bot 需要合作完成同一个目标时,再建群,并明确当前负责人。
  • 只要工作职责不变,一个 Bot 可以出现在任何需要他的群中。
  • 新建的群里需要交接时,要让之前单独负责的 Bot 总结好交接文档。
  • 方法稳定以后可以直接让 Bot 整理成 Skill。
  • 需要按时间或事件重复执行时,再设置自动化。

如果你刚开始尝试,不妨先挑一件手头正在做的小事。让一个 Bot 完整做一遍,你就会更清楚,什么需要另外找一个 Bot 来负责,什么时候需要建群来合作完成。

六、最后的最后:模板分享

这里我附上我在用的模板,可以做个参考。

设计探索:

https://x.ai/bot/NioxyuiVYhBuxr2_UaVJa

Figma 设计生产:

https://x.ai/bot/kQ-ZDll9Zqku2A0ZP5Gos

动效与交互原型:

https://x.ai/bot/tcQ5TmfCb7qyCrlU7jZsK

工程与生产上线:

https://x.ai/bot/uOEu2sYvAeCubruc3SUPX