Article Share

比 99% 的人更懂 AntiGravity:把它当 IDE,不是当聊天框

用 FLOW 四步框架把谷歌的 AI Agent IDE 跑成「员工编制」

发布于 9 分钟阅读
目录
阅读模式

问这篇文章

只基于本文回答

一句话总结:AntiGravity 不是「会写代码的聊天框」,而是把 Agent 当员工管的 IDE——会用它的人不是在「问问题」,而是在「派活、并行、验收」。


开场

谷歌在 2025 年底放出 AntiGravity 时,圈子里第一反应是「Cursor 的对手出现了」。它的 UI 确实像:左侧文件树、中间编辑器、右侧 AI 对话。打开来就能让 Gemini 3 Pro 或 Claude 4.5 Sonnet 帮你写一段代码。

但 90% 的用户停在了这一层。他们打开 AntiGravity,输入「帮我做个仪表盘」,然后等结果——和用 ChatGPT 没本质区别。AntiGravity 真正区别于 Cursor / Claude Code 的部分,藏在他们没去点的那几个按钮里:Agent Manager、Artifacts、MCP 服务器、Browser Use、Inbox。

题外话:AntiGravity 是谷歌 2025 年底推出的 IDE 风格 AI Agent 工具,定位约等于「Cursor + 多 Agent 并行 + 浏览器自动化」。它把单一对话框升级成了 Agent 调度台。

那么问题来了:怎么用 AntiGravity 才能拉开和 99% 用户的差距?

答案是一句话:把它当 IDE 用,不是当聊天框用——用 FLOW 四步框架,让 Agent 像员工一样并行跑任务。下面分四层展开。


金字塔总览


一、Frame:在动手前花 55 分钟想清楚问题

爱因斯坦那句被引用烂了的话——「给我一小时解决问题,我花 55 分钟想问题」——放在 AI Coding 里几乎是字面成立的:初始 prompt 的颗粒度,直接决定了你应用的天花板

但大多数人打开 AntiGravity 直接就敲「帮我做个理财仪表盘」。这个 prompt 太空,Agent 只能凭统计意义上的「平均理财仪表盘」长什么样去脑补——结果就是一个谁都用过、谁也记不住的通用模板。

1.1 反过来用 Claude 反推需求

正确的做法是:不要在 AntiGravity 里写第一句 prompt。先开 Claude,把你想做的东西甩给它,让 Claude 反过来追问你。

我想做一个家庭理财仪表盘,能扫我所有支出、生成图表。
我想让你来挑战我的想法、帮我把需求挖深。

Claude 擅长这种来回辩论式的对话。你被它问七八轮之后,原本模糊的「理财仪表盘」就会变成有具体字段、具体交互、具体边界的产品需求。

1.2 让 Claude 压缩出五百字 SOP

需求挖完,再让 Claude 把整段对话压缩成一份不超过 500 字符的 SOP——「我能直接喂给 AI 让它一次性把这个单页应用做出来的指令」。

请把上面这段需求压成不超过 500 字符的 SOP,
我要把这段 SOP 直接喂给 AntiGravity 的 Planning Agent。

这份 SOP 才是你真正应该粘进 AntiGravity 的第一句 prompt。

1.3 为什么这一步不能省

业余和专业的分水岭就在这里:业余玩家想「快」,专业玩家先「慢」。前 30 分钟在 Claude 里把问题压清楚,比后面三小时在 AntiGravity 里返工划算得多——你少改十次代码,每次至少省下 5 分钟的 Agent 等待和 token 消耗。

金句初始 prompt 越具体,应用上限越高——别在 IDE 里想需求,别在聊天框里挖痛点。


二、Layout:把品牌、参考、规则全部喂进去再动手

Frame 解决「做什么」,Layout 解决「长什么样」。这一步 Cursor 也能做、但很少有人系统做:在 Agent 写第一行代码之前,把所有视觉与规范输入都准备好

2.1 视觉参考:丢截图,不写形容词

「做得现代一点、简洁一点」是没用的形容词——AI 对「现代」「简洁」的统计先验和你脑子里的不一样。

正确做法:去 Dribbble、Mobbin 之类的设计灵感站找一张和你想要的方向最接近的截图,直接粘进 AntiGravity 的对话框。它支持多模态输入,一张图比一百个形容词都准确。

2.2 品牌规范:上传 PDF 或 markdown

如果你有品牌指南(字体、配色、Logo 用法),直接拖进左侧文件区。文件太大(比如 PDF 几十 MB)则手写一份精简版:

# brand-guide.md

颜色:主色 #1B5E20、辅色 #FFC107
字体:Inter(标题)/ Source Han Sans(正文)
圆角:8px
间距:8px 网格系统

2.3 用 gemini.md 钉死全局规范

在工作区根目录放一个 gemini.md(或 claude.md,Agent 会自动识别),写清楚这个项目永远要遵守的规则:

# gemini.md

- 所有组件都用 Tailwind,不要内联样式
- 数字带千分位、货币加 ¥ 前缀
- 错误状态必须有 fallback UI
- 图表统一用 Recharts

这一步的本质是把约束显式化。AI 不会忘记你三小时前说过的话——只要你写下来。你越早写下来,后面来回返工就越少。

金句Layout 不是『摆 UI』,是『钉规则』——一张参考图 + 一份 gemini.md,胜过十轮聊天里的口头描述。


三、Orchestrate:让 Agent 像员工一样并行干活

这是 AntiGravity 真正和 Cursor / Claude Code 拉开档次的地方,也是 99% 的人没碰过的功能。

Cursor 的核心心智模型还是「一个 AI、一个对话」。AntiGravity 的心智模型是「一个调度台、多个 Agent」——你不是在和一个 AI 对话,你是在管一个团队。

3.1 Artifacts:在 AI 干活之前先复盘它的计划

打开 Planning Agent 跑一个任务时,AntiGravity 不会直接动手——它会先吐出一份 Artifact:实现计划、设计目标、组件清单、任务列表。

你可以在 Artifact 上加批注

Artifact 类型你该批注什么
实现计划「这步去掉,用 React Query 替换」
样式部分「严格使用 brand-guide.md 里的颜色」
任务清单「动画要顺滑、交互细节做到位」

Agent 会带着你的批注重新跑一遍。这是 AntiGravity 把「人机协作」做得比 Cursor 更细的地方——不是改完代码再回退,而是在动手前就对齐预期

3.2 Agent Manager:把 Agent 当员工编制

主界面顶部有个不显眼的入口:Agent Manager。打开它,你会看见一个像项目管理工具的界面——左侧是项目(Workspace),右侧是 Agent 队列。

最关键的操作:在同一个 Workspace 下点「+」可以同时新增多个并行 Agent。比如你在做理财仪表盘,可以同时开三个 Agent:

Agent 1:研究账单管理的 5 个核心指标,输出 research.md
Agent 2:调研同类产品的成功要素,输出 competitors.md
Agent 3:继续推进 UI 实现,按 brand-guide.md 完成 Dashboard 组件

三个 Agent 同时跑、互不阻塞、各自产出独立文件,全部回到工作区。把 Agent 想成员工——同时跑 10 个、20 个、30 个都行,你只管验收和派活

3.3 Inbox:一个收件箱管所有 Agent

并行 Agent 多了,会带来一个新问题:你怎么知道哪个 Agent 卡住、哪个要审批、哪个跑完了?

AntiGravity 的答案是 Inbox——一个全局收件箱。Agent 遇到要确认的事就丢一条消息过来:「这里需要你确认」「请把浏览器设成默认」「方案 A 和方案 B 选哪个」。你的工作变成了像处理 Slack 消息一样处理 Agent 请求

这就是 AntiGravity 区别于 Cursor 的核心心智:它的 UI 不是为「写代码」设计的,而是为「管一支 Agent 团队」设计的。

3.4 Browser Use:能自己开浏览器验证结果

Agent 写完前端后,AntiGravity 会自己开一个 Chrome 窗口、点击按钮、填表单、跑流程、截图、回报结果。出错了它自己定位、自己修。

这是其他工具(包括 Cursor)目前还做不到的——它把验收闭环也吃了。你不用切到浏览器手动点。

金句别只用一个 Agent——并行三个比串行十次快,Inbox 让你像管员工一样管 AI。


四、Wrap:从「在本地能跑」到「全世界能看」

第四步是大部分教程跳过的一步:怎么把成品发出去。这一步决定了你做的东西是「自嗨 demo」还是「能给别人用的产品」。

4.1 接 MCP:让 AntiGravity 连上你的工具栈

MCP(Model Context Protocol)是 Anthropic 推动的、各家 AI 都在跟进的「Agent 与外部工具的通用语言」。AntiGravity 内置了一个 MCP 市场:

常用 MCP用途
Context 7自动拉取任何库的最新文档,避免幻觉
GitHub自动建仓、推代码、开 PR
Supabase直接读写后端数据库
n8n触发自动化工作流

接一次配一次令牌,之后所有项目都能用。MCP 不在市场里也能加——把配置 JSON 丢给 Claude 让它帮你写,再粘回 AntiGravity 的 raw config 文件。

4.2 GitHub 同步:自动版本化

在 Frame 阶段就告诉 Agent:「做完后帮我建 GitHub repo 并自动推送」。后面每次 Agent 改代码都会同步到 GitHub。这是「事故回滚」的兜底——AI 改坏了就 reset,不用慌。

4.3 一键部署到 Vercel

Vercel 上点「Import Project」,选刚才的 GitHub repo,剩下的配置 Vercel 自己填。点一次部署按钮,几十秒后你的应用就有了一个全世界都能访问的 URL。

整套流程从「我想做个仪表盘」到「我把链接发给老婆她也能用」,可以压在一个下午内完成

金句没部署的应用不算应用——MCP + GitHub + Vercel 是把 demo 拉成产品的标准三件套。


一页速览

层级内容一句话核心
核心结论把 AntiGravity 当 IDE 用不是聊天框,是 Agent 调度台
F:Frame先用 Claude 反推需求初始 prompt 越具体,应用上限越高
1.1Claude 来回挖需求让它挑战你,不要让它顺着你
1.2压成 500 字 SOP这才是粘进 AntiGravity 的第一句
1.3慢就是快前 30 分钟想问题,省后 3 小时返工
L:Layout把视觉与规范全喂进去Layout 不是摆 UI,是钉规则
2.1丢截图一张图胜过百个形容词
2.2上传品牌指南PDF 太大就写一份 markdown
2.3gemini.md 钉全局规则写下来 AI 就不会忘
O:Orchestrate让 Agent 像员工一样并行Inbox + Agent Manager 是核心心智
3.1Artifacts 批注动手前对齐预期,比事后改更省
3.2Agent Manager 并行同时开十几个 Agent 不是问题
3.3Inbox 收件箱像处理消息一样处理 AI 请求
3.4Browser Use 验收它把测试闭环也吃了
W:Wrap把 demo 拉成产品没部署的应用不算应用
4.1MCP 接工具栈通用语言,配一次到处能用
4.2GitHub 同步改坏了能回滚
4.3Vercel 部署一键拿到全球可访问的 URL

一句话收束

会用 AntiGravity 的人不是在写代码,而是在管一支 AI 员工队伍——你的产出不再受『你能写多快』限制,只受『你能想多清楚』限制

引用卡片

带走这篇文章的核心观点

可引用观点

《比 99% 的人更懂 AntiGravity:把它当 IDE,不是当聊天框》

核心结论:大部分人把 AntiGravity 当成 Cursor 的同类——一个会写代码的聊天框。但它真正的位置在更上一层:一个把多个 AI Agent 当作并行员工调度的 IDE。Jake Roberts 用 FLOW(Frame / Layout / Orchestrate / Wrap)四步框架,把这套工具从「写代码」抬升到「跑业务流」。本文把视频教学重构成可复用的工程方法。

  1. 1 一、Frame:在动手前花 55 分钟想清楚问题
  2. 2 二、Layout:把品牌、参考、规则全部喂进去再动手
  3. 3 三、Orchestrate:让 Agent 像员工一样并行干活

适合转发到飞书、微信、即刻或笔记工具;引用时建议保留作者 kele 与原文链接。

分享这篇
比 99% 的人更懂 AntiGravity:把它当 IDE,不是当聊天框 分享卡片

微信暂不支持网页直接分享——复制链接后到对话里粘贴即可。链接在微信中预览会带上面的卡片缩略图。

相关文章