目录
问这篇文章
只基于本文回答
一句话总结: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 像员工一样并行跑任务。下面分四层展开。
金字塔总览
mindmap
root((把 AntiGravity 当 IDE<br/>FLOW 四步框架))
Frame 框架
用 Claude 反推需求
生成五百字 SOP
初始 prompt 决定上限
Layout 布局
上传品牌指南
喂参考截图
gemini.md 钉死规范
Orchestrate 编排
Artifacts 注释复盘
Agent Manager 并行
Inbox 像收件箱审批
Wrap 收尾
MCP 接外部工具
GitHub 同步
Vercel 一键部署一、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.1 | Claude 来回挖需求 | 让它挑战你,不要让它顺着你 |
| 1.2 | 压成 500 字 SOP | 这才是粘进 AntiGravity 的第一句 |
| 1.3 | 慢就是快 | 前 30 分钟想问题,省后 3 小时返工 |
| L:Layout | 把视觉与规范全喂进去 | Layout 不是摆 UI,是钉规则 |
| 2.1 | 丢截图 | 一张图胜过百个形容词 |
| 2.2 | 上传品牌指南 | PDF 太大就写一份 markdown |
| 2.3 | gemini.md 钉全局规则 | 写下来 AI 就不会忘 |
| O:Orchestrate | 让 Agent 像员工一样并行 | Inbox + Agent Manager 是核心心智 |
| 3.1 | Artifacts 批注 | 动手前对齐预期,比事后改更省 |
| 3.2 | Agent Manager 并行 | 同时开十几个 Agent 不是问题 |
| 3.3 | Inbox 收件箱 | 像处理消息一样处理 AI 请求 |
| 3.4 | Browser Use 验收 | 它把测试闭环也吃了 |
| W:Wrap | 把 demo 拉成产品 | 没部署的应用不算应用 |
| 4.1 | MCP 接工具栈 | 通用语言,配一次到处能用 |
| 4.2 | GitHub 同步 | 改坏了能回滚 |
| 4.3 | Vercel 部署 | 一键拿到全球可访问的 URL |
一句话收束
会用 AntiGravity 的人不是在写代码,而是在管一支 AI 员工队伍——你的产出不再受『你能写多快』限制,只受『你能想多清楚』限制。
带走这篇文章的核心观点
可引用观点
《比 99% 的人更懂 AntiGravity:把它当 IDE,不是当聊天框》
核心结论:大部分人把 AntiGravity 当成 Cursor 的同类——一个会写代码的聊天框。但它真正的位置在更上一层:一个把多个 AI Agent 当作并行员工调度的 IDE。Jake Roberts 用 FLOW(Frame / Layout / Orchestrate / Wrap)四步框架,把这套工具从「写代码」抬升到「跑业务流」。本文把视频教学重构成可复用的工程方法。
- 1 一、Frame:在动手前花 55 分钟想清楚问题
- 2 二、Layout:把品牌、参考、规则全部喂进去再动手
- 3 三、Orchestrate:让 Agent 像员工一样并行干活
适合转发到飞书、微信、即刻或笔记工具;引用时建议保留作者 kele 与原文链接。