Steven's Knowledge Base

Claude Code + Google AntiGravity 研究報告

6 min read

Claude Code + Google AntiGravity — YouTube 研究報告

🕐 分析咗 12 條片 | 2026-04-09

🧠 主要共識（10/12 條片共識）

  • AntiGravity 係車，Claude Code 係引擎：AntiGravity 係 Google 免費嘅 AI IDE（VS Code fork），Claude Code 裝喺入面做執行引擎。AntiGravity 擅長高層 orchestration，Claude Code 擅長精細 coding
  • Gemini 做規劃，Claude 做執行：最多人推薦嘅工作流係用免費嘅 Gemini 3.0/3.1 Pro 做架構設計同研究（context window 大），然後交畀 Claude Code（Opus/Sonnet）寫 code
  • Agent Skills 係長線資產：將 prompt 工程轉化為可重用嘅 Skills 文件，AI 自動加載，標準化代碼輸出
  • 唔係取代 Vercel/Netlify：AntiGravity 係 IDE（寫 code），Vercel/Netlify/Cloud Run 係 hosting（部署），兩者互補

🔀 核心工作流對比

  • 「Hybrid Planning」派（最主流）： 
    Gemini（免費規劃）→ Claude Code（付費執行）→ Test Sprite（自動測試）
    省 Claude token、減低 context rot
  • 「Self-Building Loop」派（Stitch 整合）： 
    Stitch 設計 → MCP 傳圖 → Claude Code 自動轉 React → 瀏覽器驗證 → 自動修正 → 下一頁
    全自動循環，人類只係「睇住」
  • 「Agent Teams」派：Claude Code 生成多個專門 sub-agent（前端、後端、資料庫各一），各自獨立運作並共享 to-do list

👥 Creator 立場地圖

  • Jack Roberts（速度派）：「用 Skills 建立長線不公平優勢，build 速度快 3 倍」
  • Wanderloots（慳錢派）：「唔好叫 Claude 自己 test 自己嘅 code，token 太貴——用 Test Sprite MCP 做」
  • AI with Surya（自動化派）：「Self-Building Loop：設計 → coding → 測試 → 修正全自動，你只需要睇住」
  • Google Cloud Tech（架構師派）：「唔好做 bricklayer，做 architect——AntiGravity 係現代 compiler」
  • 工程師下班有約（零成本派）：「用 Google Sheets 做 database + App Script 做 backend，完全免費」

📊 觀點比例

  • 共識（10/12）：Gemini 規劃 + Claude 執行 = 最佳性價比組合
  • 爭議（約半數）：Agent Teams 有冇用？加太多 agent = 「官僚主義」，token 消耗大，簡單項目反而更慢
  • 獨特觀點（1-2 條）：Google Sheets 做 database（零成本全棧）；Claude 50% context 後開始 hallucinate，應該每個大任務開新 window

⚠️ 主要限制同風險

  • Token 爆燃：Claude Code 特別係 Opus 極食 token，debug 會快速耗盡 weekly limit
  • Context Rot：Claude 到 context window 50% 就開始退化——幻覺、忘記指令、引入更多 bug
  • Agent Teams 嘅「通訊稅」：多 agent 協作需要處理彼此嘅溝通，token 消耗倍增，簡單項目用單一 agent 反而更快更好
  • 唔可以盲信 AI：LLM 係概率輸出，同一個 prompt 可以出唔同結果，仍需人手測試

💡 實戰 Tips（經驗 Creator 分享）

  • 每個大任務開新 window：叫 Claude 寫一份 summary document → paste 入新 window，對抗 context rot
  • Gemini 做規劃，Claude 做執行：唔好用 Claude brainstorm，用免費 Gemini 做
  • Global Rules vs Local Rules：Global 設定品牌色、框架選擇等永久規則；Local 設定單個項目規則
  • 唔好叫 Claude 自己 debug：用 Test Sprite MCP 跑 17 個 test permutations，只將 error report 餵返 Claude

🏆 最值得深入睇嘅片（Top 3）

  1. 「AntiGravity + Claude Code Destroys Every Workflow Tool (NEW Skill)」（17 萬 views）— 最全面嘅 Skills 整合示範，展示點樣用 Skills 建立長線優勢
  2. 「Google Antigravity + Claude Code AI Coding Tips (Adding App Auth)」（14.5 萬 views）— 實戰示範加 authentication，展示真實開發流程
  3. 「AntiGravity + Stitch builds Insane Websites (NEW Skill)」（27.7 萬 views）— 展示完整 Self-Building Loop：Stitch 設計 → Claude Code 自動 coding → 瀏覽器驗證

🔍 跨片洞察

  • 最新趨勢：2026 年係「Agent Skills 元年」——唔再係逐次 prompt，而係將經驗封裝成 Skills 文件長期重用
  • 市場盲點：大多數片示範簡單嘅 landing page，少人展示 production-level 嘅複雜應用。Agent Teams 喺大項目嘅實際效果仲未有充分驗證
  • 爭議核心：「全自動」定係「human-in-the-loop」？Self-Building Loop 好 impressive 但喺 production 環境係咪可靠？

💡 對 Steven 嘅直接啟示

你而家用 Claude Code CLI 直接喺 VPS 跑，唔需要 AntiGravity IDE。但有幾個值得借鑒嘅做法：

  1. 「Gemini 規劃 → Claude 執行」模式：你可以喺 Google AI Studio 做規劃（免費），再交 Claude Code 執行，慳 token
  2. Skills 建設：你已經有 100+ skills，呢個方向同 YouTube 社區共識一致
  3. Test Sprite MCP：如果你想減少 QA 漏檢，可以研究下呢個 MCP
  4. Stitch Self-Building Loop：Stitch 設計 → MCP → Claude Code 自動轉 code，值得喺下個 landing page 項目試

分析咗嘅影片：12 條 | Keywords：claude code google antigravity、antigravity AI coding deploy、google stitch antigravity workflow、antigravity vibe coding deploy、AntiGravity AI 部署 教學、antigravity claude code stitch deploy app

Graph View