Darrell TW

n8n 自動化工作流程教學
MarTech 解決方案分享

0%

Google Antigravity 搭配 Gemini 3 模型還能自動化測試!Vibe Coding 新神器

antigravity_cover

Google 今天推出了一款名為 Antigravity 的全新 AI Coding 工具,
主打 “Agentic”。
也是一款基於 Visual Studio Code 開發的
用起來很像是 Cursor 和

這篇文章將帶大家實際走一遍 Antigravity 的完整安裝與設定流程,從初次啟動到實際執行開發任務,看看它究竟有什麼過人之處。

第一次啟動:完整的引導流程

Step 1: 歡迎畫面

啟動 Antigravity 後,首先會看到簡潔的歡迎畫面,顯示 “Welcome to Antigravity” 與 “Let’s get you set up” 的提示。

antigravity_cover

Step 2: 選擇設定來源

第一個選項是選擇如何設定你的開發環境。Antigravity 提供三種方式:

Google Antigravity 初始設定畫面,提供三種設定匯入選項:Start fresh、Import from VS Code、Import from Cursor
  • Start fresh:從零開始設定
  • Import from VS Code:從 VS Code 匯入設定
  • Import from Cursor:從 Cursor 匯入設定

如果原本的編輯器有些特殊的個人設定,也可以直接帶到 Antigravity 中使用。

Step 3: 選擇編輯器主題

接下來選擇你喜歡的編輯器主題,Antigravity 提供四種主題:

Google Antigravity 編輯器主題選擇畫面,提供 Dark、Tokyo Night、Light、Solarized Light 四種主題選項
  • Dark:經典深色主題(預設選項)
  • Tokyo Night:看起來是深藍色
  • Light:淺色主題
  • Solarized Light:淺色但顏色比較和諧

Step 4: 選擇 Agent 工作模式

這是 Antigravity 最核心的設定。你需要決定 AI Agent 如何與你協作:

Google Antigravity Agent 模式選擇畫面,提供 Agent-driven、Agent-assisted、Review-driven、Custom configuration 四種開發模式
  • Agent-driven development:AI 主導開發流程
  • Agent-assisted development:AI 輔助開發(推薦)
  • Review-driven development:以 Code Review 為主
  • Custom configuration:自訂設定

右側可以設定:

  • Terminal execution policy:終端機執行權限(Auto/Manual)
  • Review policy:審查政策(Agent Decides/Always Ask)

Step 5: 編輯器詳細配置

在這個步驟中,你可以設定更細節的編輯器選項:

Google Antigravity 編輯器配置畫面,可設定 Keybindings(Normal/Vim)、安裝 7 個擴充功能、安裝 Command Line 工具
  • Keybindings:選擇 Normal 或 Vim 快捷鍵模式
  • Extensions:準備會安裝的擴充套件,截圖中的七個是從 cursor 中原本就有安裝的
  • Command Line:安裝 agy 命令列工具

Step 6: Google 帳號登入

完成基本設定後,需要使用 Google 帳號登入才能開始使用 Antigravity:

Google Antigravity Google 登入畫面,要求使用者透過 Google 帳號登入以存取 Antigravity 服務

點選 “Sign in with Google” 按鈕,完成授權後就能正式進入主介面。

Antigravity 介面

登入後,你會看到 Antigravity 的主介面:

Antigravity IDE 主介面展示三欄式佈局:左側檔案總管、中間程式碼編輯器、右側 Agent 聊天面板

主介面包含幾個關鍵區域:

  • 左側面板:檔案總管、搜尋、Git 等工具
  • 中間區域:工作區列表(Workspaces)
  • 右側面板:Antigravity Agent 聊天介面
  • 頂部工具列:Open Agent Manager、Open Browser 測試 等功能

你可以點選 “Open Folder” 開啟新專案,或是從 Workspaces 中選擇已有的專案。

實際開發體驗

我們透過建立一個天氣卡片的方式,來建立一個網頁看看
在右側放入,請幫我們建立天氣卡片,要包含四種不同的天氣資訊
並選擇用 planning 先請他規劃怎麼做

規劃階段 (Implementation Plan)

Planning 完成時,他會產生一份 Implementation Plan
裡面會是他目前的規劃內容和方向

你可以先審查他規劃的是否與你相同
後續他就會根據這個規劃來思考要怎麼執行

Antigravity Agent 聊天輸入框:使用者輸入「請幫我們建立天氣卡片,要包含四種不同的天氣資訊」,並選擇 Planning 模式與 Gemini 3 Pro (High) 模型

任務清單 Task

Agent 會將 Implementation Plan 拆解成可執行的任務清單 Task List

除了建立檔案外,就會開始實作四種天氣的動畫
再加入 JavaScript 來控制天氣的切換
最後會自行做測試

Google Antigravity 任務清單面板展開畫面,顯示完整的 Weather Cards 任務列表與執行步驟

執行的過程中也會回來更新進度,所以你可以掌握目前執行到哪裡

執行中的進度顯示

當 Agent 開始執行時,任務清單會即時更新狀態:

Google Antigravity 任務清單面板,顯示 Weather Cards 專案的任務進度追蹤,部分任務已完成並標記勾選

可以看到:

  • 打勾: Create implementation plan(已完成)
  • 圓圈: 多項任務正在執行中
  • 框框: 等待執行的任務

Agent Manager 一次管理多個專案

Agent Manager 也是 Antigravity 的一大特色
用來同時指揮不同 Agent

Google Antigravity Agent Manager 介面,展示左側 Workspaces 工作區列表與中間 Inbox 收件匣對話列表

左邊會呈現 workspaces 和 playground 的列表
每個 workspace 就是你的專案
playground 是一個比較有趣的設計,它可以讓你快速測試一些想法

Workspaces

你可以針對同一個專案一次建立不同的 Agents
例如前端、後端、資料庫等等
同時讓他們去做不一樣的事情,最後再把這些拚圖合併在一起

而以往就是需要一步一步慢慢來
先資料庫 → 後端 → 前端,等到串接發現有問題再回頭修改

現在可以一次性的先跑完,省去很多等待的時間
當然這在其他的工具也都能做到類似的事情
只是 Agent Manager 在視覺和管理上更為方便

實際運作時,你可以看到多個任務同時處於 Running… 狀態:

Google Antigravity Agent Manager 展示真正的平行處理:AI Models n8n Workflow Outline 和 Debug n8n Mobile Template 兩個任務同時執行中

截圖中也能看到,目去有兩個 Agents 正在同一個 workspace 執行中

Playground

Playground 則是一個蠻有趣的設計
有時候有些想法想要得到快速驗證
但這個想法又不在某個專案中

這時候可以先到 Playground 試玩看看
如果覺得這個靈光一現的想法可行
後續再把它轉為專案也可以!

例如下面這個範例,在 Playground 中建立了一個「自動遊玩的貪食蛇」:

Google Antigravity Playground 展示 Self-Playing Snake Game 專案,包含完整的 Walkthrough 驗證報告、自動化測試截圖和瀏覽器錄影

的確很快就做完,並且開啟瀏覽器讓我們確認是否真的會自己動起來
接著我們來講講自動化測試這塊。

Antigravity Browser Extension

Antigravity 還提供了 Chrome 瀏覽器擴充功能:
Antigravity Browser Extension

Google Antigravity 瀏覽器擴充功能頁面,顯示 Antigravity Browser Extension 在 Chrome Web Store 的安裝頁面

安裝好後,後續需要測試時
Antigravity 會自動開啟瀏覽器,並測試網頁是否有正確運行
例如天氣動畫是否真的有動畫
不同天氣的切換按鈕可以做切換

實際瀏覽網站的範例

下圖展示 Agent 自動瀏覽網站並擷取資訊的過程:

Antigravity Agent 自動化瀏覽範例:左側顯示任務清單(開啟網站、尋找文章標題),右側顯示 Agent 執行 agent-browser 指令瀏覽 darrelltw.com 並分析頁面快照的完整過程

可以看到 Agent 會:

  1. 自動開啟目標網站
  2. 分析頁面結構(Analyzing page snapshot)
  3. 點擊特定元素(agent-browser click)
  4. 擷取需要的資訊回報

這讓自動化測試變得更加直覺,不需要自己寫測試腳本。

Agent Skills:讓 Agent 真正動手做事

Antigravity 在 2026 年 1 月支援了 Agent Skills

Skills 你可以想成是一個方法論,又或者是一個 SOP
別人分享的 Skills 往往就是為了解決某個問題而產生的

所以最重要的是:「你應該是把自己的工作流程,包裝成一個 skills 未來重複利用」
更棒的是,這份 Skills 可以跟著你一起成長,你新學到的知識或是更有效率的方法
都可以整併回 Skills 中!

SKILL.md 格式

每個 Skill 就是一個包含 SKILL.md 檔案的資料夾
格式很簡單,用 YAML frontmatter 定義名稱和描述:

1
2
3
4
5
6
7
---
name: code-review
description: Reviews code changes for bugs, style violations, and security issues.
---

## Instructions
在這裡寫詳細的指令內容...

YAML frontmatter 欄位說明

  • name(選用):識別名稱,預設為資料夾名稱
  • description必要):清楚描述這個 skill 做什麼、何時使用

完整資料夾結構

1
2
3
4
5
.agent/skills/my-skill/
├── SKILL.md # 主要指令(必要)
├── scripts/ # 輔助腳本(選用)
├── examples/ # 參考實作(選用)
└── resources/ # 模板和素材(選用)

Agent 在執行 skill 時可以讀取這些檔案,讓你的 skill 更完整。

存放位置

  • 專案級:.agent/skills/(只在該專案生效)
  • 全域:~/.gemini/antigravity/global_skills/(所有專案都能用)

直接把 Claude Skills 連結過來

這裡要分享一個超實用的技巧!

Agent Skills 是開放標準(由 Anthropic 發布
所以 Claude CodeAntigravity 都支援同樣的格式

這代表你可以用 ln -s(符號連結)讓兩個工具共用同一套 Skills
原理就像「Windows 的捷徑」:

UNIX 符號連結與 Windows 捷徑的概念對照圖:左側展示 ln -s 指令如何將 Claude Skills 連結到 Antigravity Skills,右側展示 Windows 捷徑如何指向原始資料夾
1
2
# 把 Claude Code 的 skill 連結到 Antigravity
ln -s ~/.claude/skills/my-skill ~/.gemini/antigravity/global_skills/my-skill

路徑對照

工具 Skills 路徑
Claude Code ~/.claude/skills/
Antigravity ~/.gemini/antigravity/global_skills/

這樣只需要維護一份 Skills,兩個工具都能使用!
對於同時使用 Claude Code 和 Antigravity 的開發者來說非常方便

官方文件:Antigravity Skills Documentation

Skills 使用方式

Skills 採用 Progressive Disclosure 機制:

  1. Discovery(發現):Agent 看到可用的 skills 列表(名稱和描述)
  2. Activation(啟用):如果判斷相關,Agent 讀取完整的 SKILL.md 內容
  3. Execution(執行):Agent 依照 skill 的指令執行任務

這個機制可以避免 context saturation,只在需要時才載入相關知識。

所以有點考驗你在 Skills 的 name 跟 description 寫的描述有沒有很清楚
讓 AI 能知道說
當遇到 xx 需求時,我需要載入 aaa 這個 Skill 來使用

實際使用範例

下圖展示一個 Remotion best practices Skill 的實際運作:

Antigravity Skills 實際使用範例:Agent 根據 Remotion best practices Skill 分析程式碼結構,提出模組化、字體載入、資料分離、參數化四個優化方向,並交叉驗證 Skill 檔案內容

Agent 會:

  1. 讀取 Skill 中的 best practices 知識
  2. 分析你的程式碼,提出具體優化建議
  3. 被質疑時,能交叉比對 Skill 檔案(如 fonts.mdtransitions.md)來佐證建議

這就是 Skills 的價值:不只是給 Agent 一段指令,而是讓它有可驗證的知識來源

模型選項與配額限制

支援的 AI 模型

Antigravity 目前支援以下模型:

  • Gemini 3 Pro (High)
  • Gemini 3 Pro (Low)
  • Claude Opus 4.5 Thinking
  • Claude Sonnet 4.5
  • GPT-OSS

使用配額限制

  • Ultra 和 Pro 用戶的 Quota 是每 5 小時重置一次
  • Free 用戶的 Quota 是 weekly limit,使用到上限後需要等到下週
錯誤

2026/01 Google 近期宣布
Pro 方案的用戶要是遇到用量較大的情形,也會變成 weekly limit
所以要是用太多,也可能變成要等幾天才能繼續使用

官方文件說明:https://antigravity.google/docs/plans

節省配額的小技巧

目前可以讓 Claude Opus 4.5 Thinking 模型來做思考跟規劃
做完規劃後再請 Gemini 3 模型來做實作
或是使用 Claude Sonnet 4.5 也可以
理論上就能降低 Quota 的消耗

結論

這次的 Google Antigravity 搭配 Gemini 3 是一個不錯的體驗
對於小型專案的建立和開發又更方便了

以往在 Cursor 例如要自動化測試,自己就需要安裝別的套件或是第三方工具
這次 Google 自己整合好 Chrome 讓整體體驗更順暢

不過 Gemini 3 模型是否能像 Claude Sonnet 4.5 在各種類型的專案都一樣表現不錯
就需要時間和大家的心得來驗證

目前 Antigravity 還在早期階段,並且是免費讓大家使用
很常會遇到 error 或是 model overloaded 的情況
也算是美中不足的地方,畢竟開發時被打斷很容易就索性不用
不如用付費的 Claude Code 穩穩定定開發

也期待 Antigravity 後續的付費方案是否能跟 Google AI Pro 或 Ultra 整併

Google AI 付費方案比較表:免費版、Google AI Pro(每月 NT$660)、Google AI Ultra(前 3 個月每月 NT$4050)三種方案的功能差異

常見問題

延伸閱讀

如果你對 AI 開發工具有興趣,推薦你閱讀以下文章:

Google 發布 Gemini CLI Tool 免費額度超級夠用 和 Claude Code 的比較

Google Gemini CLI 提供免費額度讓開發者在終端機中使用 AI 助手,與 Claude Code 相比各有優勢。

Google 發布 Gemini CLI Tool 免費額度超級夠用 和 Claude Code 的比較
Claude Code 發佈 Command Line 的新工具

Claude Code 推出全新的命令列工具,讓開發者能在終端機中直接使用 Claude AI 進行開發。

Claude Code 發佈 Command Line 的新工具
分享這篇文章