AI 協作新境界!用 Antigravity 雙開 Claude Code 與 Gemini,打造最強工作流


📺 影片出處:娜娜 AI 頻道

你一定多少有聽過最近用戶圈爆火的 Claude Code。拿它來寫 code、生成網頁、組織自動化工作流,已經是許多開發者的日常。但你知道嗎?除了 VS Code 平台,還有一個平台可以讓 Claude Code 的威力再升級。

那就是 Antigravity。

一次在一個平台裡雙開兩個市面上最強大的 AI 模型,一個問題可以雙重協作,實在太給力了。

🤖 什麼是 Antigravity?

Antigravity 是一個強大的 AI 開發平台,原生整合了 Google 的 Gemini 模型。但更厲害的是,你可以在上面同時安裝 Claude Code 外掛,等於同時擁有兩個 AI 大腦可以一起幫你工作。

「兩個 AI 模型一起協作的威力,是比單一 AI 模型協作還要更大。」

🔄 Claude + Gemini:互補才是王道

為什麼要雙開?因為這兩個 AI 模型各有擅長:

| AI 模型 | 擅長領域 |
|———|———-|
| Claude Code | 寫出精美的 HTML/CSS、程式架構設計、複雜邏輯處理 |
| Gemini | 圖片生成、修改細節、除錯修正、邏輯調整 |

有時候你請 Claude 修改某一個地方,它怎麼改都沒有符合你的需求。這時候把 HTML 檔丟給 Antigravity 裡面的 Gemini,通常可以修正完畢。

這兩個 AI 模型是互補的,搭配起來就像有了一個完美的設計團隊。

📚 Antigravity Claude Code 安裝教學

想要在 Antigravity 裡面使用 Claude Code?跟著以下步驟操作:

步驟一:確認 Claude 訂閱
首先你必須是 Claude Pro 方案的訂閱戶,才能使用 Claude Code。沒有訂閱的話可以先升級。

步驟二:在 Antigravity 新增工作資料夾
開啟 Antigravity 後,新增一個資料夾作為你的工作目錄。建議不要讓 Claude Code 存取整台電腦,限定在特定資料夾範圍內會更安全。

步驟三:安裝 Claude Code CLI
在 Antigravity 的 Terminal 輸入以下指令:

curl -sL https://github.com/anthropics/claude-code/raw/main/install.sh | sh

步驟四:啟動並登入 Claude
輸入 claude 進入 Claude Code 介面,然後輸入 /login 重新登入。選擇使用你的 Claude 訂閱方案授權即可。

步驟五:安裝 Antigravity Claude Code 外掛
在 Extensions 裡搜尋「Claude Code」,確認 Provider 是「Anthropics」(標誌是太陽花),點擊安裝。

步驟六:開始雙 AI 協作!
安裝完成後,你會看到兩個對話視窗——右邊是 Antigravity 原生的 Gemini,左邊是 Claude Code。同時擁有兩個 AI 幫你工作,效率大幅提升!

🚀 從程式碼到上線:GitHub 免費部署教學

除了雙 AI 協作,影片中也展示了如何用 GitHub 免費部署你的網頁:

步驟一:新建 GitHub Repository
登入 GitHub後,點選 New repository。設定好名稱,可見度一定要選 Public

步驟二:上傳 HTML 檔案
選擇「uploading an existing file」,把 AI 幫你生成的網頁拖曳進去。重要:HTML 檔一定要改名為「index」,這是 GitHub Pages 的預設首頁檔名。

步驟三:設定 GitHub Pages
進入 Settings → Pages → Branch,選擇「main」然後儲存。等待 1-3 分鐘,你的網頁就會自動上線!

步驟四:上傳圖片(如果有)
如果你的網頁有圖片,要按照原本的路徑結構上傳。例如圖片原本在 images/ 資料夾,上傳時也要新建 images/ 資料夾放進去。

💡 實戰小技巧

  • 一開始就規劃好部署方式:在讓 AI 生成網頁之前,先告訴它這個網頁是要部署到 GitHub 的,圖片路徑要怎麼設計。
  • 善用 Ctrl+L:在 Antigravity 裡按 Ctrl+L 可以快速呼叫 Gemini 來處理當前任務。
  • 控制上下文用量:/context 可以查看用量。快要用完時,開新對話方塊會比較省 tokens。

🔗 結語

Claude Code + Antigravity 的組合,讓你可以在同一個平台裡同時使用兩個最強大的 AI 模型。Claude 負責生成精美的程式碼,Gemini 負責修正細節、生成圖片。兩個 AI 互補協作,工作效率遠超單一 AI。

如果你也在用 Claude Code,或者正在評估要不要入手,這個雙開組合絕對值得一試!

📚 延伸閱讀

📞 聯絡我們

需要更多 AI 相關服務嗎?歡迎聯絡我們!

📞 0800-781-688
📧 chiahung0301@gmail.com
💬 加入官方 LINE