【Day 24】Google AI Studio x Antigravity 聯動！我要把之前做出來的東西做得更好！

▲ 圖 1：這麼多工具⋯⋯這麼多組合⋯⋯心累啊⋯⋯Midjourney 示意圖

話說我用 Antigravity 的時間並不超過半年？
雖然 Antigravity 挺新的說，
那麼在用 Antigravity 之前
我都是用什麼工具來 vibe coding 的，
老實說，最早的時候是用 POE 跟 Gemini，
完全不是 Claude code 跟 Codex，
儘管後來有發現 Google 的 AI studio 挺好用的！

痛點剖析與日常觀察：從 Google AI 生態系談「學生資源」的發掘思維

▲ 圖 2：最近新一輪的 Google AI 學生福利

話說我發現自己很多篇文章其實都是圍繞着 Google 的 AI 生態系來說，當然啦很大原因也是因為自己是學生，一年前左右 Google 推出學生專案的時候自己剛好有申請，乘着這波浪潮，Google 的 AI 工具可以使用的次數變多了！

當然坊間也會嫌棄說 Gemini 的模型很多時候比不上 ChatGPT 或者 Claude 的模型，但是前段時間在參加一個活動的時候有個碩士生的朋友會說，當學生的好處就是可以申請或者用各種福利（儘管因為這件事情世新大學最近有一些爭議），所以學生可能也要養成一種思維就是尋找學校有提供的各種福利，在學生時期享受用這些福利並且嘗試利用這些福利產出不同東西的意義或者額外的產出。

這並不單單只是應用在 AI 工具上面的思維，更是在各種活動及資源上面，從學生時期，從學生角度便需要學習如何去尋找本來就可以得到的資源，從這些資源當中才能得到更多的學習。這也是很多在生成式 AI 浪潮能及早脫穎而出憑着各種 AI 專案得到學校及企業訊息的重要原因。

Vibe Coding 工具迭代反思：AI Studio 的侷限與迴圈工程需求

好吧回歸到這次 vibe coding 的技巧上面！

在自己還沒有用 Antigravity 之前，自己是用 AI studio 的，儘管現在用慣了之後會覺得 AI studio 裏面的 AI 模型還沒有做到如此的智能，可能就跟我們上一篇文章所說的 AI studio 在迴圈工程上面可能還存在一些缺陷或者功能並不是這麼智能，當然啦有一篇文章我們就談及了如果他要自動串接 firebase 的話自動化的效率會比較高，甚至比起 Antigravity 還要快速，大家就要作這樣子的嘗試或者雙邊的考量。

好吧那麼過去用 AI studio 的東西可以如何變得更好呢，因為之前就試過 AI Studio 會越改越差，Antigravity 可能能夠藉着改 AI Studio 的專案當中的程式代碼從而優化其內容。

破局解法：AI Studio 雙向輸出路徑與 GitHub 中樞心法

▲ 圖 3：Google AI Studio 的 Vibe Coding 輸出（Export）選項

我們這邊會有兩個選擇路徑：

• 直接輸出至 Antigravity
• 直接輸出至 GitHub

前者比較好理解，但是後者就比較複雜了，但某程度上會比較建議是選擇後者的路徑，這樣子程式代碼便能夠同時串聯，無論是 Antigravity 進行修改，還是當自己已經沒法再使用 Antigravity（香港還是有很多 AI 工具不能使用呢），其他 vibe coding 工具 VS code 裏面的 AI、Cursor、Codex、Claude code 等等都可以以更為動態的對同一個專案進行修改，甚至能夠跳來跳去，比較有彈性的選用不同各類型的工具優化同一個專案，或許未來是另外更好的 AI 工具有提出學生專案呢？畢竟這也說不定呢～

甚至放上 GitHub，能夠直接用 GitHub Pages（最近我們學校生成式 AI 的作業）、Vercel、Cloudflare 來進行部署都是可以的，就不用擔心 AI studio 在沒有付款訂閱的情況下不能夠公開自己的 AI 應用。

實戰成果展示：致幻技電影館搬遷至 GitHub Pages

最後選擇把致幻技電影館搬到 GitHub Pages 上：

• 🐾 專案成果：致幻技電影館（HallucinoTech Cinematheque）
  將原本於 AI Studio 開發的互動應用遷移並部署至靜態網站託管，實現公開且穩定的展示效果。
  🔗 線上展示連結：點此造訪致幻技電影館

這次只是輕微的分享這個小技能，因為最近真的開始有點忙，有點心累了，不過還是希望努力處理完這三十天的挑戰！雖然只是一個小小的技能，但是學會如何善用學生資源跟提高自己 vibe coding 彈性調整能力在這系列的文章也是非常重要的一個主軸呢！

📌 本篇重點整理