方格精選

Google Antigravity:無經驗小白也能做出桌面版應用程式和App

林位青-avatar-img
發佈於🤖 AI 設計工具 個房間
更新 發佈閱讀 12 分鐘

Google Antigravity 網址:https://antigravity.google/

這學期有幸透過三校聯合跨校選課方式,參與 臺大創意創業學程NTUCEP 陶韻智教師的《創新思考與策略實務:全球頂尖企業的創新思維與作法》。這是 2025/12/3 第十四週課程筆記與心得。

陶韻智老師為前 LINE Taiwan 總經理與 LINE Pay 董事暨總經理,曾帶領 LINE 團隊從零起步,一路走到紐約證交所上市。現任多家企業合夥人與創辦人與臺大教師。以行動投入 All in AI,實際動手做了50個AI產品,因此了解如何透過 AI 達成降本增效的商機。

這次是第二堂 Vibe Coding Hackathon 課程,由三個開發任務開展,讓學生們三人一組一邊互相觀察詢問同學,一邊聆聽陶老師觀察學生們在操作過程中的重點。非常難得,就算在職場中,極低概率會有總經理在旁親自指導你 Vibe Coding(氛圍開發)。

避免上次課程到下課了都還沒完成目標的窘境。大家都想快速通過第一關。結果,反而是非資訊背景的學生們,最快達成目標。 他們沒有技術包袱,不會預設應該怎麼做,所以更能專注於用最直接的語言描述最終目標。

raw-image

Jobs to be Done:

  1. 用 Antigravity 開發一個桌面程式小畫家、為小畫家添加協作分享功能,並要求網頁和桌面程式能雙向同步更新畫布。
  2. 用 Antigravity 開發一個 Android 上的 Line Messenger 應用程式。
  3. 在等待 Antigravity 同時,請用 Google AI Studio 創作一款 AI 產品,不要市場上一般常見的形式,思考藉由AI驅動的時候,這產品應該會有怎樣全新形式。

▍課程筆記

老闆思維:

不需要告訴 AI 要用哪種程式語言或哪個技術框架,只需要作為一位AI的老闆,明確地提出你的願景與目標。指令可以非常直接:「我要一個桌面版小畫家」。我們不關心 AI 選擇哪種技術元件,我們只關心它是否理解「小畫家」這個最終目標。

上下文管理 (Context Management):

原則一:你必須看畫面 (Visual Feedback) 

做一下就看一下,不是一次到位!因為我們根本沒有能力一次到位,所以必需查看每次回應的結果畫面。如果你看不到畫面,就無法判斷AI是否正確理解了你的意圖。出現錯誤畫面可截圖傳給AI,讓它理解要修正哪裡。

原則二:你必須看紀錄檔 (Logging Analysis)

只要做就一定會有問題!Logging(紀錄檔)是診斷問題的唯一線索。必須學會去哪裡看 log,並將它視為與AI溝通的關鍵資訊。當問題發生時,log 裡的錯誤訊息就是你回報給AI最有價值的「現實狀況」。瞎忙瞎問只是浪費 Token。

※備註:若不知道怎麼在應用程式前端看log,我個人會請AI寫一份,當發生錯誤時也在前端顯示log紀錄。再把錯誤的畫面或是文字複製傳給AI,如下圖:

raw-image

當 AI 對你說「You Are Right」,這是一個警訊:

當 AI 對你說「你說的對」時,這是一個警訊。表示你不是真的做對了,而是你作為老闆,讓 AI 被迫執行或會回應某觀點,或是混亂的提示詞導致無法執行,AI 不知道如何是好,只能禮貌附和。你的目標不是獲得認同或稱讚,而是藉由提供清晰的脈絡(上下文)來解決問題。因此,每次獲得不如預期回應或結果。需要好好審視一下,剛才的指令是否清晰、可執行。

感謝陶老師,下課後仍然幫忙處理學生們問題

感謝陶老師,下課後仍然幫忙處理學生們問題

與 AI 夥伴高效溝通:

  1. 明確提出你的期待:描述問題或目標時,越具體越好。模糊的指令只會讓AI感到困惑。例如,不要說:「logo要紅色的」,因為AI可能不知道畫面上的哪個圖示是logo。你應該具體描述位置與特徵:「左上角那個圖示,上面的顏色要改成紅色的」。清晰的描述能幫助AI精準定位問題。
  2. 執行它的指令:完全按照AI提供的指令去操作,不要擅自修改。
  3. 回報錯誤:如果結果不如預期,複製完整的錯誤訊息,然後告訴AI:「我執行了你剛才說的話,結果出現了這個錯誤」。
陶老師視窗會是一邊 Terminal 視窗,一邊和 AI 溝通。此時正是 AI 「假會」建議改開發 macOS 版

陶老師視窗會是一邊 Terminal 視窗,一邊和 AI 溝通。此時正是 AI 「假會」建議改開發 macOS 版

  1. 多開視窗多工處理:在 AI 執行時間太久卡住可開 Terminal 視窗,查詢 AI 執行的指令,直接在 Terminal 輸入跑一遍。不要只光著等待 AI 執行完成,可以另開 Terminal 視窗一邊查詢 log紀錄。
  2. 去理解 AI 給的關鍵字:可以暫時無知,看久就要去了解,例如出現下載 flutter SDK。去了解為什麼這過程需要串接SDK?跑 Android 需要 Android devices ?
  3. 堅定你的目標:在製作過程中,由於有些學生筆電系統是 Mac iOS 系統。AI 會建議 改採用 macOS的App 開發,而並非老師原定的目標 Android。
  4. 一樣的錯誤可能有不同原因:第一次發生的問題,請AI解決後又出現了,有可能有多種方式,下一次卻又成功解決了。

・・・

▍#1 生成「小畫家」桌面版應用程式

STEP01:下載 桌面版應用程式

Google Antigravity 網址:https://antigravity.google/

raw-image

STEP02:建立專案資料夾

raw-image
raw-image

切換中文介面:左側圖示選單最下方「延伸模組」,搜尋「中文」並安裝中文(繁體)套件

raw-image

如果有訂閱 ChatGPT 可以額外安裝 Codex,讓您左側多了 AI模型可以操作。

raw-image

如果有訂閱 Claude 可以額外安裝 Claude Code 上方會多了 AI模型可以操作。

raw-image

STEP03:輸入提示詞

在右下方的輸入框中,輸入您的任務描述。

模型建議選擇 Fast,Claude Sonnet 4.5,若免費預算用完會出現 警告圖示 ⚠️,就要切換到不同的模型。訂閱 Google AI Pro 可提升扣打或是身為台灣大專院校學生可免費領取 Google AI Pro 一年方案。

  • Fast Mode(快速模式):代理直接執行任務,適合簡單任務
  • Planning Mode(規劃模式):代理先生成計畫供用戶審核,適合複雜項目
Prompt:幫我做一個小畫家的桌面版程式

Prompt:幫我做一個小畫家的桌面版程式

過程中出現各種程式和套件安裝需要不斷 Accept 同意授權 AI 執行,包含 Electron,這是一款讓你用網頁技術(HTML、CSS、JavaScript)就能做Mac、Windows 都能跑的桌面程式的工具。 並且整合瀏覽器跟後端Node.js 結合。

raw-image

不斷根據現況去增加或修改提示詞,當遇到出現問題時,可以截圖或是直接將問題複製貼給 AI,要明確告知 AI 出錯在哪、做錯在哪。

raw-image

STEP04:最終成果

製作出網頁版和桌面程式能同步的小畫家,為了支援多人同時共同編輯,加了帳號系統。

raw-image

・・・

▍#2 開發 Android 上的 Line Messenger 應用程式,

從與AI對話過程中得知會需要 flutter 是 Google 開發的免費開源 UI 框架,可建構高性能的跨平台應用程式,主要針對行動裝置(iOS、Android),我第一次AI幫我安裝了錯誤版本,透過請AI修正錯誤,才重新下載。

raw-image

AI 建議安裝 Android Studio

raw-image

最後成果:經過漫長安裝套件以及AI對話後,終於生成模擬 Android 版本可操作的App,並非網頁。關於圖檔 AI 會調動 Nano Banana 來生成。

raw-image

#3 Google AI Studio 生成:卡片式 AI 摘要郵件

關於 Google AI Studio 使用方法,請參閱 Vibe Coding 工具:免費使用 Google AI Studio 與 Gemini 生成網頁懶人包。

raw-image

・・・

▍Google Antigravity 簡介:

Google Antigravity 是 Google 於2025年11月18日與 Gemini 3 一同發布的 AI 代理開發平台,代表著軟體開發從傳統的「人工編碼」向「AI自主執行」的轉變。不僅只是一個代碼編輯工具,而是一個完整的「代理優先(Agent-First)」的集成開發環境(IDE),AI不再是助手,而是能夠像軟體工程師一樣進行規劃、編碼、測試和調試的自主工作者。

Antigravity 的開發團隊來自 Google DeepMind,特別是包括 Windsurf 的核心團隊成員,Google 在2025年7月以24億美元的價格收購了 Windsurf 的技術和團隊。在不到六個月的時間內,這個團隊基於 Windsurf 的經驗和 Google Gemini 3 的強大能力,打造了 Antigravity。

資料來源:DeepFA。(2025 年 11 月 29 日)。Google Antigravity: The Agentic Development Platform Transforming Coding。取自 https://deepfa.ir/en/blog/google-antigravity-agentic-ide-development-platform

raw-image

訂閱 Google AI Pro 可提升扣打。台灣大專院校學生可免費領取 Google AI Pro 一年方案。

  • Google AI Pro/Ultra 使用者:更多使用額度,5小時重置一次配額
  • 免費使用者:1 周重置一次配額

相關參考資料:

該課相關筆記:

留言
avatar-img
林位青的沙龍
259會員
84內容數
林位青的沙龍的其他內容
2025/12/01
介紹 Loom AI 這款專為非同步影片設計的遠端工作平臺,詳細解析其創辦歷程、被 Atlassian 收購的背景,並深入探討 Loom AI 的核心功能,包含螢幕錄製、AI 摘要、自動逐字稿、SOP 自動生成等。同時也提供操作教學、延伸應用、以及個人使用心得,
Thumbnail
2025/12/01
介紹 Loom AI 這款專為非同步影片設計的遠端工作平臺,詳細解析其創辦歷程、被 Atlassian 收購的背景,並深入探討 Loom AI 的核心功能,包含螢幕錄製、AI 摘要、自動逐字稿、SOP 自動生成等。同時也提供操作教學、延伸應用、以及個人使用心得,
Thumbnail
2025/11/21
Lovart.ai 是全球首創的 AI 設計智能體,針對品牌設計、Logo、社群素材至影片一條龍生成,合併超過十種頂級 AI 模型,支援自然語言溝通與分層元素精細編輯。全新「編輯元素」功能,更讓成品圖像猶如 PSD 隨時可調整,大幅提升效率與創意彈性。
Thumbnail
2025/11/21
Lovart.ai 是全球首創的 AI 設計智能體,針對品牌設計、Logo、社群素材至影片一條龍生成,合併超過十種頂級 AI 模型,支援自然語言溝通與分層元素精細編輯。全新「編輯元素」功能,更讓成品圖像猶如 PSD 隨時可調整,大幅提升效率與創意彈性。
Thumbnail
2025/11/12
本文詳細教學如何利用 Figma Make 這款 AI 協作設計工具,結合 ChatGPT 優化提示詞,快速生成可互動原型與程式碼。從準備、操作步驟、錯誤排除,到最後的發佈設定,提供給設計師能無需編程即可製作出可運作產品畫面的完整指南。
Thumbnail
2025/11/12
本文詳細教學如何利用 Figma Make 這款 AI 協作設計工具,結合 ChatGPT 優化提示詞,快速生成可互動原型與程式碼。從準備、操作步驟、錯誤排除,到最後的發佈設定,提供給設計師能無需編程即可製作出可運作產品畫面的完整指南。
Thumbnail
看更多
你可能也想看
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
過去的經驗是路標,不是天花板。 很多人習慣用「以前怎麼做」來衡量未來,但世界早已換了樣子。經驗能保護你不出錯,但也可能困住你,讓你錯過新的機會。真正的勇氣,是敢放下確定感,去探索未知的可能。
Thumbnail
過去的經驗是路標,不是天花板。 很多人習慣用「以前怎麼做」來衡量未來,但世界早已換了樣子。經驗能保護你不出錯,但也可能困住你,讓你錯過新的機會。真正的勇氣,是敢放下確定感,去探索未知的可能。
Thumbnail
破窗思考不是一種招式,而是一種能力總和。本文將拆解在啟動任何重大策略規劃或創新專案前,你必須具備的五項核心能力。 當我分享「盤點資源 → 深度訪談 → 放空重組」這套創新流程時,很多人會問:「這個流程真的有用嗎?我試了,但想不出任何破局點。」 我必須坦白說,這不是流程有沒有用的問題,而是你是否已
Thumbnail
破窗思考不是一種招式,而是一種能力總和。本文將拆解在啟動任何重大策略規劃或創新專案前,你必須具備的五項核心能力。 當我分享「盤點資源 → 深度訪談 → 放空重組」這套創新流程時,很多人會問:「這個流程真的有用嗎?我試了,但想不出任何破局點。」 我必須坦白說,這不是流程有沒有用的問題,而是你是否已
Thumbnail
這篇文章探討如何透過觀察培養創新思維,並以「伸縮電蚊拍」和「會跑的鬧鐘」為例,說明如何從觀察使用情境中找出痛點,進而創造創新解決方案。文章也提供一份「觀察輪廓表」,幫助讀者更系統地進行觀察,並介紹作者的創新課程。
Thumbnail
這篇文章探討如何透過觀察培養創新思維,並以「伸縮電蚊拍」和「會跑的鬧鐘」為例,說明如何從觀察使用情境中找出痛點,進而創造創新解決方案。文章也提供一份「觀察輪廓表」,幫助讀者更系統地進行觀察,並介紹作者的創新課程。
Thumbnail
創新講師 陳建銘老師分享,廠商要如何知道消費者的痛點?看與觀察大不同。
Thumbnail
創新講師 陳建銘老師分享,廠商要如何知道消費者的痛點?看與觀察大不同。
Thumbnail
方格子的最新主題中有一個與CHATGPT共同創作的挑戰項目,心裡有些疑惑的我,最後還是選擇踏出自己的第一步。和CH先生對談前,要有心理準備,你要面對的是一個超級新星,看得到他的機會遠少於看到他的廣告詞。沒看到他時,正好讓你思考,你真的很想和他交談嗎?花這個時間有意義嗎?也吃過閉門羹的你......
Thumbnail
方格子的最新主題中有一個與CHATGPT共同創作的挑戰項目,心裡有些疑惑的我,最後還是選擇踏出自己的第一步。和CH先生對談前,要有心理準備,你要面對的是一個超級新星,看得到他的機會遠少於看到他的廣告詞。沒看到他時,正好讓你思考,你真的很想和他交談嗎?花這個時間有意義嗎?也吃過閉門羹的你......
Thumbnail
作者:陳華夫 「現代開悟」並非天人合一,也非明心見性、即身成佛,更不是泰勒博士的涅槃,而是思想家的心靈掙脫確認偏見的束縛後,心靈自由的重組記憶(「腦神經網絡」)中的故事基模後的思想家之洞識。一如孔子所說:「七十而從心所欲不逾矩」的思考自在。中國理工博士比美國翻了一番,希望也能翻一番中國思想史。
Thumbnail
作者:陳華夫 「現代開悟」並非天人合一,也非明心見性、即身成佛,更不是泰勒博士的涅槃,而是思想家的心靈掙脫確認偏見的束縛後,心靈自由的重組記憶(「腦神經網絡」)中的故事基模後的思想家之洞識。一如孔子所說:「七十而從心所欲不逾矩」的思考自在。中國理工博士比美國翻了一番,希望也能翻一番中國思想史。
Thumbnail
作者:陳華夫 人類的思考是無法簡單的說明。日光底下無新事,人類的思考因為腦生理結構,都受是過去記憶所束縛(即認知偏見)。只有「思想家」才能擺脫束縛,發展出如「核心─邊緣」的創新思考。所以,我們必須站在「思想家」的肩上,先模仿、吸收、消化,自己銳變成「思想家」之後,才能心靈自由及靈感湧現的創新思考。
Thumbnail
作者:陳華夫 人類的思考是無法簡單的說明。日光底下無新事,人類的思考因為腦生理結構,都受是過去記憶所束縛(即認知偏見)。只有「思想家」才能擺脫束縛,發展出如「核心─邊緣」的創新思考。所以,我們必須站在「思想家」的肩上,先模仿、吸收、消化,自己銳變成「思想家」之後,才能心靈自由及靈感湧現的創新思考。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News