🔧 阿川の電商水電行
介紹：對專業人士而言「Vibe Coding」只有恐懼
自2025年11月發佈以來，在Antigravity（反重力）領域，「Vibe Coding（氛圍編碼）」這個詞彙就開始流行。
「即使無法讀取代碼，只要和AI隨意對話就能產生應用程式」
這是令人讚歎的民主化，但對於我們這些專業工程師，特別是同時負責經營的從業者來說，「未來將產生無法維護的意大利麵碼」的恐懼無以言表。
目前，我在公司的開發流程中，將Antigravity運用為「自動修正錯誤並保證品質的工具」，而非「讓人寫代碼的工具」。
在本文中，將解釋Antigravity真正的價值所在，即通過「電腦使用（瀏覽器操作）」與「n8n」的結合，使系統在你睡覺時自動修復的DevOps架構。
為何選擇Antigravity而非Cursor？
在作為AI編輯器的Cursor和Windsurf的情況下，Antigravity的關鍵區別在於「能否操作瀏覽器（電腦使用）」。
- Cursor： 擅長編寫代碼，能加速「實作」。
- Antigravity： 能在瀏覽器中查看執行結果，進行點擊驗證，能完成「端到端測試及修正」。
利用此特性，可以實現無需人類介入的「錯誤檢測 → 代碼修正 → 瀏覽器行為確認 → 部署」的自動化。
架構：自律修復管道
這是我構建的「影子DevOps」的全貌。n8n作為指揮中心，連接監控工具和AI代理。
- 監控： Sentry檢測生產環境中的錯誤。
- 指令： n8n格式化錯誤日誌並呼叫Antigravity代理API。
- 修正： Gemini 3 Pro修正代碼。
- 驗證： Gemini 2.5電腦使用啟動本地伺服器，點擊瀏覽器中的相應部分進行確認。
- 報告： 若修正成功，則創建PR並通知Slack「已修正」。
實現步驟 1：使用n8n創建「指令書」
如果直接丟出錯誤日誌，AI將會困惑。使用n8n將其轉換為「結構化的指令書（提示）」。
n8n的構成：
- 觸發器： Sentry（Webhook）
- 代碼節點： 根據錯誤的堆疊跟踪推測「相關檔案」。
- HTTP請求： 向Antigravity代理API進行POST請求。
指令提示的例子：
【任務：修正錯誤】
出現了以下錯誤。
錯誤：不可處理的運行時錯誤（Hydration failed）
檔案：src/components/Header.tsx
【步驟】
1. 計劃：確定錯誤原因，並制定修正計劃。
2. 修正：請修正代碼。
3. 驗證：打開瀏覽器，目視確認標題元素是否顯示（截圖判定）。
4. 報告：簡要總結修正內容並創建PR。
【環境問題處理】
如果遇到「Dev Container Error 1006」，請在`.devcontainer/devcontainer.json`中添加`"privileged": true`，並重新構建容器。實現步驟 2：Antigravity側的「計劃」規則
為了防止Antigravity隨意進行「氛圍（隨意）」的修正，請在專案根目錄放置.antigravity/rules，並施加嚴格的規則。
# .antigravity/rules
## 品質控制
- 修正代碼時，必須遵循現有的型別定義（TypeScript）。
- 禁止使用`any`型別。
- 修正後必須通過`npm run type-check`。
## UI與資產（Nano Banana）
- UI變更所需的圖標等圖片資源，如需使用，請調用整合的圖像生成模型「Nano Banana」來生成並配置適當的資產，切勿使用佔位符。
## 電腦使用指導
- 在進行瀏覽器驗證時，必須進行相當於`waitForSelector`的等待，直至修正部分顯示。
- 如果錯誤未解決，最多允許進行3次嘗試（重試）。這樣一來，AI代理將寫出遵循「專案規範的代碼」，而不僅僅是「隨便能運行的代碼」。
實際行為（演示）
在這整個過程中，我一行代碼都沒有編寫，甚至連編輯器都沒有打開。
這就是2026年的工程。
技術上的困難與解決方案
在實現過程中，遇到了幾個障礙。
1. Dev Container Errror 1006 問題
Antigravity的代理在操作Docker環境時，有時會出現權限方面的錯誤。
解決方案： 如前所述，通過在提示中指示「特權模式（privileged）」的授予，使代理能夠自主修改設置檔案來解決問題，無需手動介入。
2. 瀏覽器驗證的無限循環
AI可能會錯誤地認為已修復並持續無限修正。
解決方案： 在n8n中添加「對同一錯誤的重複通知靜音1小時」的邏輯，以防止其失控。
總結：工程師從「編寫」轉向「管控」
將Antigravity僅作為「具備出色補全功能的編輯器」來使用是非常浪費的。
結合n8n以及利用電腦使用功能，將使其成為「24小時運作的優秀維護團隊」。
PoC（概念驗證）的速度感與正式運營的品質。
這兩者的平衡關鍵在於，不是「氛圍」，而是冷靜的「系統化（自動化）」。
希望這篇文章能對正在努力馴化AI代理的工程師提供幫助。
作者：
@YushiYamamoto
株式會社プロドウガ CEO / 全端工程師
致力於通過n8n及AI代理進行數字轉型支持。
🚀 提供給工程師、設計師、行銷人員的特別活動：可獲得10萬元報酬
目前，自由職業者代理商「雲端工作科技」正在進行特別活動，通過介紹註冊及工作可獲得「10萬元（含稅）」的超常促銷。
我們處理不僅限於工程師的項目，還有UI/UX設計師、PM、網路行銷人員的許多案件。
如果你是想了解「自己市場價值（單價）」或「尋找每週3天的兼職或遠端工作」的網路及IT專業人士，請不要錯過這次機會，註冊試試。
原文出處：https://qiita.com/YushiYamamoto/items/be45d3115ebe74a3e312
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
