{
  "slug": "antigravity-power-user",
  "url": "https://kelewrites.com/posts/antigravity-power-user/",
  "title": "比 99% 的人更懂 AntiGravity：把它当 IDE，不是当聊天框",
  "subtitle": "用 FLOW 四步框架把谷歌的 AI Agent IDE 跑成「员工编制」",
  "summary": "大部分人把 AntiGravity 当成 Cursor 的同类——一个会写代码的聊天框。但它真正的位置在更上一层：一个把多个 AI Agent 当作并行员工调度的 IDE。Jake Roberts 用 FLOW（Frame / Layout / Orchestrate / Wrap）四步框架，把这套工具从「写代码」抬升到「跑业务流」。本文把视频教学重构成可复用的工程方法。",
  "date": "2026-06-13",
  "updated": "",
  "tags": [
    "AI",
    "Agent",
    "工程方法"
  ],
  "series": "",
  "source": {
    "title": "How to use Antigravity better than 99% of people",
    "url": "https://www.youtube.com/watch?v=ff9BXfTlAqo"
  },
  "ai": {
    "summary": "大部分人把 AntiGravity 当成 Cursor 的同类——一个会写代码的聊天框。但它真正的位置在更上一层：一个把多个 AI Agent 当作并行员工调度的 IDE。Jake Roberts 用 FLOW（Frame / Layout / Orchestrate / Wrap）四步框架，把这套工具从「写代码」抬升到「跑业务流」。本文把视频教学重构成可复用的工程方法。",
    "takeaways": [
      "大部分人把 AntiGravity 当成 Cursor 的同类——一个会写代码的聊天框。但它真正的位置在更上一层：一个把多个 AI Agent 当作并行员工调度的 IDE。Jake Roberts 用 FLOW（Frame / Layout / Orchestrate / Wrap）四步框架，把这套工具从「写代码」抬升到「跑业务流」。本文把视频教学重构成可复用的工程方法。",
      "一、Frame：在动手前花 55 分钟想清楚问题",
      "二、Layout：把品牌、参考、规则全部喂进去再动手",
      "三、Orchestrate：让 Agent 像员工一样并行干活"
    ],
    "audience": [
      "正在做 AI Agent / 工程实践的工程师",
      "关心工程落地与系统设计的人"
    ],
    "quote": "一句话总结：AntiGravity 不是「会写代码的聊天框」，而是把 Agent 当员工管的 IDE——会用它的人不是在「问问题」，而是在「派活、并行、验收」。",
    "questions": [
      "这篇文章的核心结论是什么？",
      "Frame：在动手前花 55 分钟想清楚问题到底讲了什么？",
      "Layout：把品牌、参考、规则全部喂进去再动手到底讲了什么？",
      "Orchestrate：让 Agent 像员工一样并行干活到底讲了什么？"
    ],
    "citation": {
      "title": "比 99% 的人更懂 AntiGravity：把它当 IDE，不是当聊天框",
      "conclusion": "大部分人把 AntiGravity 当成 Cursor 的同类——一个会写代码的聊天框。但它真正的位置在更上一层：一个把多个 AI Agent 当作并行员工调度的 IDE。Jake Roberts 用 FLOW（Frame / Layout / Orchestrate / Wrap）四步框架，把这套工具从「写代码」抬升到「跑业务流」。本文把视频教学重构成可复用的工程方法。",
      "points": [
        "一、Frame：在动手前花 55 分钟想清楚问题",
        "二、Layout：把品牌、参考、规则全部喂进去再动手",
        "三、Orchestrate：让 Agent 像员工一样并行干活"
      ],
      "quote": "一句话总结：AntiGravity 不是「会写代码的聊天框」，而是把 Agent 当员工管的 IDE——会用它的人不是在「问问题」，而是在「派活、并行、验收」。",
      "url": "https://kelewrites.com/posts/antigravity-power-user/",
      "attribution": "kele · Article Share"
    }
  },
  "headings": [
    {
      "depth": 2,
      "text": "开场"
    },
    {
      "depth": 2,
      "text": "金字塔总览"
    },
    {
      "depth": 2,
      "text": "一、Frame：在动手前花 55 分钟想清楚问题"
    },
    {
      "depth": 3,
      "text": "1.1 反过来用 Claude 反推需求"
    },
    {
      "depth": 3,
      "text": "1.2 让 Claude 压缩出五百字 SOP"
    },
    {
      "depth": 3,
      "text": "1.3 为什么这一步不能省"
    },
    {
      "depth": 2,
      "text": "二、Layout：把品牌、参考、规则全部喂进去再动手"
    },
    {
      "depth": 3,
      "text": "2.1 视觉参考：丢截图，不写形容词"
    },
    {
      "depth": 3,
      "text": "2.2 品牌规范：上传 PDF 或 markdown"
    },
    {
      "depth": 3,
      "text": "2.3 用 gemini.md 钉死全局规范"
    },
    {
      "depth": 2,
      "text": "三、Orchestrate：让 Agent 像员工一样并行干活"
    },
    {
      "depth": 3,
      "text": "3.1 Artifacts：在 AI 干活之前先复盘它的计划"
    },
    {
      "depth": 3,
      "text": "3.2 Agent Manager：把 Agent 当员工编制"
    },
    {
      "depth": 3,
      "text": "3.3 Inbox：一个收件箱管所有 Agent"
    },
    {
      "depth": 3,
      "text": "3.4 Browser Use：能自己开浏览器验证结果"
    },
    {
      "depth": 2,
      "text": "四、Wrap：从「在本地能跑」到「全世界能看」"
    },
    {
      "depth": 3,
      "text": "4.1 接 MCP：让 AntiGravity 连上你的工具栈"
    },
    {
      "depth": 3,
      "text": "4.2 GitHub 同步：自动版本化"
    },
    {
      "depth": 3,
      "text": "4.3 一键部署到 Vercel"
    },
    {
      "depth": 2,
      "text": "一页速览"
    },
    {
      "depth": 2,
      "text": "一句话收束"
    }
  ],
  "text": "> **一句话总结**：AntiGravity 不是「会写代码的聊天框」，而是把 Agent 当员工管的 IDE——会用它的人不是在「问问题」，而是在「派活、并行、验收」。\n\n---\n\n## 开场\n\n谷歌在 2025 年底放出 AntiGravity 时，圈子里第一反应是「Cursor 的对手出现了」。它的 UI 确实像：左侧文件树、中间编辑器、右侧 AI 对话。打开来就能让 Gemini 3 Pro 或 Claude 4.5 Sonnet 帮你写一段代码。\n\n但 90% 的用户停在了这一层。他们打开 AntiGravity，输入「帮我做个仪表盘」，然后等结果——和用 ChatGPT 没本质区别。AntiGravity 真正区别于 Cursor / Claude Code 的部分，藏在他们没去点的那几个按钮里：Agent Manager、Artifacts、MCP 服务器、Browser Use、Inbox。\n\n> 题外话：AntiGravity 是谷歌 2025 年底推出的 IDE 风格 AI Agent 工具，定位约等于「Cursor + 多 Agent 并行 + 浏览器自动化」。它把单一对话框升级成了 Agent 调度台。\n\n那么问题来了：怎么用 AntiGravity 才能拉开和 99% 用户的差距？\n\n答案是一句话：**把它当 IDE 用，不是当聊天框用——用 FLOW 四步框架，让 Agent 像员工一样并行跑任务**。下面分四层展开。\n\n---\n\n## 金字塔总览\n\n---\n\n## 一、Frame：在动手前花 55 分钟想清楚问题\n\n爱因斯坦那句被引用烂了的话——「给我一小时解决问题，我花 55 分钟想问题」——放在 AI Coding 里几乎是字面成立的：**初始 prompt 的颗粒度，直接决定了你应用的天花板**。\n\n但大多数人打开 AntiGravity 直接就敲「帮我做个理财仪表盘」。这个 prompt 太空，Agent 只能凭统计意义上的「平均理财仪表盘」长什么样去脑补——结果就是一个谁都用过、谁也记不住的通用模板。\n\n### 1.1 反过来用 Claude 反推需求\n\n正确的做法是：**不要在 AntiGravity 里写第一句 prompt**。先开 Claude，把你想做的东西甩给它，让 Claude 反过来追问你。\n\nClaude 擅长这种来回辩论式的对话。你被它问七八轮之后，原本模糊的「理财仪表盘」就会变成有具体字段、具体交互、具体边界的产品需求。\n\n### 1.2 让 Claude 压缩出五百字 SOP\n\n需求挖完，再让 Claude 把整段对话压缩成一份不超过 500 字符的 SOP——「我能直接喂给 AI 让它一次性把这个单页应用做出来的指令」。\n\n这份 SOP 才是你真正应该粘进 AntiGravity 的第一句 prompt。\n\n### 1.3 为什么这一步不能省\n\n业余和专业的分水岭就在这里：业余玩家想「快」，专业玩家先「慢」。**前 30 分钟在 Claude 里把问题压清楚，比后面三小时在 AntiGravity 里返工划算得多**——你少改十次代码，每次至少省下 5 分钟的 Agent 等待和 token 消耗。\n\n> **金句**：**初始 prompt 越具体，应用上限越高**——别在 IDE 里想需求，别在聊天框里挖痛点。\n\n---\n\n## 二、Layout：把品牌、参考、规则全部喂进去再动手\n\nFrame 解决「做什么」，Layout 解决「长什么样」。这一步 Cursor 也能做、但很少有人系统做：**在 Agent 写第一行代码之前，把所有视觉与规范输入都准备好**。\n\n### 2.1 视觉参考：丢截图，不写形容词\n\n「做得现代一点、简洁一点」是没用的形容词——AI 对「现代」「简洁」的统计先验和你脑子里的不一样。\n\n正确做法：去 Dribbble、Mobbin 之类的设计灵感站找一张和你想要的方向最接近的截图，**直接粘进 AntiGravity 的对话框**。它支持多模态输入，一张图比一百个形容词都准确。\n\n### 2.2 品牌规范：上传 PDF 或 markdown\n\n如果你有品牌指南（字体、配色、Logo 用法），直接拖进左侧文件区。文件太大（比如 PDF 几十 MB）则手写一份精简版：\n\n### 2.3 用 gemini.md 钉死全局规范\n\n在工作区根目录放一个 `gemini.md`（或 `claude.md`，Agent 会自动识别），写清楚这个项目永远要遵守的规则：\n\n**这一步的本质是把约束显式化**。AI 不会忘记你三小时前说过的话——只要你写下来。你越早写下来，后面来回返工就越少。\n\n> **金句**：**Layout 不是『摆 UI』，是『钉规则』**——一张参考图 + 一份 `gemini.md`，胜过十轮聊天里的口头描述。\n\n---\n\n## 三、Orchestrate：让 Agent 像员工一样并行干活\n\n这是 AntiGravity 真正和 Cursor / Claude Code 拉开档次的地方，也是 99% 的人没碰过的功能。\n\nCursor 的核心心智模型还是「一个 AI、一个对话」。AntiGravity 的心智模型是「一个调度台、多个 Agent」——你不是在和一个 AI 对话，你是在管一个团队。\n\n### 3.1 Artifacts：在 AI 干活之前先复盘它的计划\n\n打开 Planning Agent 跑一个任务时，AntiGravity 不会直接动手——它会先吐出一份 Artifact：实现计划、设计目标、组件清单、任务列表。\n\n**你可以在 Artifact 上加批注**：\n\n| Artifact 类型 | 你该批注什么 |\n\n| 实现计划 | 「这步去掉，用 React Query 替换」 |\n| 样式部分 | 「严格使用 brand-guide.md 里的颜色」 |\n| 任务清单 | 「动画要顺滑、交互细节做到位」 |\n\nAgent 会带着你的批注重新跑一遍。这是 AntiGravity 把「人机协作」做得比 Cursor 更细的地方——**不是改完代码再回退，而是在动手前就对齐预期**。\n\n### 3.2 Agent Manager：把 Agent 当员工编制\n\n主界面顶部有个不显眼的入口：Agent Manager。打开它，你会看见一个像项目管理工具的界面——左侧是项目（Workspace），右侧是 Agent 队列。\n\n最关键的操作：**在同一个 Workspace 下点「+」可以同时新增多个并行 Agent**。比如你在做理财仪表盘，可以同时开三个 Agent：\n\n三个 Agent 同时跑、互不阻塞、各自产出独立文件，全部回到工作区。**把 Agent 想成员工——同时跑 10 个、20 个、30 个都行，你只管验收和派活**。\n\n### 3.3 Inbox：一个收件箱管所有 Agent\n\n并行 Agent 多了，会带来一个新问题：你怎么知道哪个 Agent 卡住、哪个要审批、哪个跑完了？\n\nAntiGravity 的答案是 Inbox——一个全局收件箱。Agent 遇到要确认的事就丢一条消息过来：「这里需要你确认」「请把浏览器设成默认」「方案 A 和方案 B 选哪个」。你的工作变成了**像处理 Slack 消息一样处理 Agent 请求**。\n\n这就是 AntiGravity 区别于 Cursor 的核心心智：它的 UI 不是为「写代码」设计的，而是为「管一支 Agent 团队」设计的。\n\n### 3.4 Browser Use：能自己开浏览器验证结果\n\nAgent 写完前端后，AntiGravity 会自己开一个 Chrome 窗口、点击按钮、填表单、跑流程、截图、回报结果。出错了它自己定位、自己修。\n\n> 这是其他工具（包括 Cursor）目前还做不到的——**它把验收闭环也吃了**。你不用切到浏览器手动点。\n\n> **金句**：**别只用一个 Agent**——并行三个比串行十次快，Inbox 让你像管员工一样管 AI。\n\n---\n\n## 四、Wrap：从「在本地能跑」到「全世界能看」\n\n第四步是大部分教程跳过的一步：怎么把成品发出去。这一步决定了你做的东西是「自嗨 demo」还是「能给别人用的产品」。\n\n### 4.1 接 MCP：让 AntiGravity 连上你的工具栈\n\nMCP（Model Context Protocol）是 Anthropic 推动的、各家 AI 都在跟进的「Agent 与外部工具的通用语言」。AntiGravity 内置了一个 MCP 市场：\n\n| 常用 MCP | 用途 |\n\n| Context 7 | 自动拉取任何库的最新文档，避免幻觉 |\n| GitHub | 自动建仓、推代码、开 PR |\n| Supabase | 直接读写后端数据库 |\n| n8n | 触发自动化工作流 |\n\n接一次配一次令牌，之后所有项目都能用。**MCP 不在市场里也能加**——把配置 JSON 丢给 Claude 让它帮你写，再粘回 AntiGravity 的 raw config 文件。\n\n### 4.2 GitHub 同步：自动版本化\n\n在 Frame 阶段就告诉 Agent：「做完后帮我建 GitHub repo 并自动推送」。后面每次 Agent 改代码都会同步到 GitHub。**这是「事故回滚」的兜底**——AI 改坏了就 reset，不用慌。\n\n### 4.3 一键部署到 Vercel\n\nVercel 上点「Import Project」，选刚才的 GitHub repo，剩下的配置 Vercel 自己填。点一次部署按钮，几十秒后你的应用就有了一个全世界都能访问的 URL。\n\n**整套流程从「我想做个仪表盘」到「我把链接发给老婆她也能用」，可以压在一个下午内完成**。\n\n> **金句**：**没部署的应用不算应用**——MCP + GitHub + Vercel 是把 demo 拉成产品的标准三件套。\n\n---\n\n## 一页速览\n\n| 层级 | 内容 | 一句话核心 |\n\n| **核心结论** | 把 AntiGravity 当 IDE 用 | 不是聊天框，是 Agent 调度台 |\n| **F：Frame** | 先用 Claude 反推需求 | 初始 prompt 越具体，应用上限越高 |\n| 1.1 | Claude 来回挖需求 | 让它挑战你，不要让它顺着你 |\n| 1.2 | 压成 500 字 SOP | 这才是粘进 AntiGravity 的第一句 |\n| 1.3 | 慢就是快 | 前 30 分钟想问题，省后 3 小时返工 |\n| **L：Layout** | 把视觉与规范全喂进去 | Layout 不是摆 UI，是钉规则 |\n| 2.1 | 丢截图 | 一张图胜过百个形容词 |\n| 2.2 | 上传品牌指南 | PDF 太大就写一份 markdown |\n| 2.3 | gemini.md 钉全局规则 | 写下来 AI 就不会忘 |\n| **O：Orchestrate** | 让 Agent 像员工一样并行 | Inbox + Agent Manager 是核心心智 |\n| 3.1 | Artifacts 批注 | 动手前对齐预期，比事后改更省 |\n| 3.2 | Agent Manager 并行 | 同时开十几个 Agent 不是问题 |\n| 3.3 | Inbox 收件箱 | 像处理消息一样处理 AI 请求 |\n| 3.4 | Browser Use 验收 | 它把测试闭环也吃了 |\n| **W：Wrap** | 把 demo 拉成产品 | 没部署的应用不算应用 |\n| 4.1 | MCP 接工具栈 | 通用语言，配一次到处能用 |\n| 4.2 | GitHub 同步 | 改坏了能回滚 |\n| 4.3 | Vercel 部署 | 一键拿到全球可访问的 URL |\n\n---\n\n## 一句话收束\n\n> **会用 AntiGravity 的人不是在写代码，而是在管一支 AI 员工队伍——你的产出不再受『你能写多快』限制，只受『你能想多清楚』限制**。"
}