第十章：解鎖終極效率！Antigravity 與現代 IDE 實戰

在這個課程的最後，我們要把焦點回到我們使用的「武器」本身。你可能使用了 Cursor，或者像這套教材推薦的最強內部工具 Antigravity (Google DeepMind 團隊打造的高階 AI IDE)。要發揮 AI 的 100% 潛力，光會聊天是不夠的，你必須學會操作現代 AI IDE 的高階功能。

很多新手把 AI 編輯器當成高級版的 Google 搜尋來用，這簡直是暴殄天物。本章將帶你解鎖資深 Vibe Coder 真正的高效工作流。

🧠 核心心法：掌握 Context Window (上下文視窗)

想像 AI 是一個運算能力極強、但記憶力極差的超級天才。你每次跟他說話，他的腦袋容量 (Context Window) 都是有限的。如果你為了圖方便，一次把整個專案的 100 個檔案、連同圖片跟日誌全部丟給他，他就會「資訊過載」。他可能會當機，或是因為分心而開始胡說八道 (產生幻覺)。

Vibe Coding 的最高守則：精準餵食。只給 AI 他現在解決這個任務「必須知道」的資訊！

🎯 必殺技一：使用 `@` 標記法精準指揮

在支援 AI 的現代編輯器 (如 Cursor 或 Antigravity) 的對話框中，@ 符號是你最強大的魔杖。它能幫你精準控制 AI 的視野。

@Files (單一檔案定位)：當你要修復首頁的樣式時，不要籠統地說「幫我改首頁」。你可以精準輸入 @src/app/page.tsx。這樣 AI 的大腦就只會專注在這個檔案上，不會被其他檔案的邏輯干擾，產出的程式碼準確率會飆升。
@Folders (資料夾範圍感知)：當你要重構整個會員系統的元件時，可以直接輸入 @src/components/auth。AI 就會知道它需要閱讀這個目錄下的所有檔案，並理解它們彼此的關聯。
@Web (突破知識盲區)： AI 的訓練資料是有截止日期的。如果你今天遇到了一個昨天才剛發布的 React 最新版本報錯，AI 可能會給出過時的解法。這時候你可以加上 @Web (或在對話中使用聯網功能)，跟他說：「@Web 請上網搜尋 Next.js 15 的最新官方文件，了解這個報錯的解法再回來幫我改程式。」

🔥【Vibe Prompt 實戰範例】 @src/components/Header.tsx @src/styles/globals.css 請參考 globals.css 裡面定義好的 --primary 主色系變數，幫我把 Header 裡面的登入按鈕顏色替換掉。請保持按鈕的 hover 特效。

透過精準的 @ 標記，你能在 5 秒內完成傳統工程師需要找檔案、翻查 CSS 變數、修改並測試長達 10 分鐘的流程。

🗺️ 必殺技二：計畫驅動開發 (Planning Mode)

這是新手與高手的最大分水嶺。當你想開發一個「微小」的功能 (例如改按鈕顏色)，你可以直接叫 AI 寫扣。但是，當你想開發一個「非常龐大」的系統 (例如：加入完整的購物車結帳系統、或是重構整個資料庫架構) 時，千萬不要直接對 AI 說：「幫我寫一個購物車！」

AI 為了急著討好你，會立刻吐出一大堆亂七八糟、互相矛盾的程式碼，最終導致專案徹底崩潰。

正確的現代軟體工程流程是：先規劃，再實作。

🔥【Vibe Prompt 計畫驅動開發範例】 我想要在目前的專案中加入「綠界 ECPay 金流購物車」功能。

請注意：先不要直接寫任何程式碼！ 請先幫我進行技術調研，並撰寫一份詳細的 "implementation_plan.md" (實作計畫)。

這份計畫內必須包含： 1. 架構設計：我們需要新增哪些 Supabase 資料表？(例如 orders, order_items) 2. 狀態管理：我們該如何使用 Zustand 或 Context 管理全域的購物車商品？ 3. 元件規劃：需要新增哪些 React 元件？ 4. 執行步驟：請列出開發的優先順序清單 (Phase 1, Phase 2...)，並標示哪些步驟需要我 (User) 的回饋與確認。

當 AI 把這份高質量的 Markdown 計畫書寫出來後，你再去審視這份計畫。確認邏輯沒問題後，你只要輕鬆地告訴 AI：「計畫看起來非常完美。請依照實作計畫的 Phase 1 第一步，開始撰寫程式碼。」

這就是業界所謂的 PDCA (Plan-Do-Check-Act) 迴圈！讓 AI 充當你的系統架構師，先畫好藍圖，再讓 AI 充當你的碼農去蓋磚頭。

💼 [商業應用場景] 成為「10 倍工程師」的秘密

為什麼在矽谷，有些工程師的產出是一個人的 10 倍，被稱為 10x Engineer？不是因為他們打字比別人快 10 倍，而是他們懂得運用高階工具來自動化繁瑣的工作。

當你掌握了 Antigravity 或現代 IDE 的高階功能，你在接案市場上就擁有了不對稱的優勢。客戶要求新增一個「會員紅利點數」系統。傳統團隊可能需要開會、寫規格書、後端開 API、前端串接，耗時兩週。而你，只需要用 @ 圈出相關檔案，寫一個完美的 Planning Prompt，讓 AI 花 3 分鐘產出架構，再花一個下午逐步驟執行。隔天你就能向客戶展示完美運作的成品，並收取一整套系統的開發費用。

✅ 結語：開啟你的 Vibe Coding 創業之路

恭喜你完成了這套課程！走到這裡，你已經正式從「背誦語法的苦力工人」，晉升為「指揮 AI 大軍的架構師」。

未來的軟體世界，比拚的不再是誰背的 API 多，誰寫的迴圈快。未來的核心競爭力在於：誰能最精準地發現商業需求，並透過完美的 Prompt 將需求轉化為現實。

繼續保持 Vibe，保持對新技術的熱情。大膽地去接下你以前不敢接的案子，去實踐那個放在你心中很久的創業點子吧！我們頂峰相見！