Vibe Coding
AI 開發網路應用實戰

學習最潮 “Vibe Coding”,程式小白也能輕鬆開發網站應用!

上完本課程你將:
秒懂 Prompt 工程:以「任務 × 限制 × 範例」結構化指令,讓 AI 一次就懂,並熟練多輪迭代與優化思維。
Google Antigravity × Vibe Coding 全流程:需求到實作一次到位,一句話推進開發。
網站開發速成:表單驗證、資料清理、排程提醒一次到位,搭配 Tailwind 快速美化介面,並完成 API 串接實務。
雲端部署實戰:使用 Firebase CLI 一鍵 Deploy,快速產出 HTTPS 網址,搭配全球 CDN 立即上線。
AI 敏捷協作實戰:20 分鐘完成一個可運作的微型產品,建立人 × AI 的協作節奏,整體開發效率提升 55%+

▎課程資訊

時間:隔週 2 整天共 12 小時

人數上限:30 人(20 人以上開班)

全實體互動課程,地點請見下方開課梯次

▎適合對象

👤 創業家、產品經理:自行開發原型或 MVP(最小可行產品)來驗證商業模式。
👤 UI/UX/視覺互動設計師、行銷人員:將創意轉化為實際的視覺效果,理解技術限制,與開發團隊更順暢地溝通。
👤 創意工作者:探索、表達和創造獨特的視覺或互動體驗。

▎政府補助免費上課

💥 申請資格:本國籍投保員工人數 30 人以下、行業類型為服務業或製造業,有依法辦理公司登記、商業登記或有限合夥登記者,就有資格獲得政府補助免費上課!
💥 補助金額:採實報實銷制,每人補助一萬、一家公司補助上限十萬!(詳情請參考「
政府補助說明」)
💥 補助標的:115 年 03 月 31 日前完成提交相關憑證。

▎開課梯次

▎課程費用

  • 原價 $16,000
  • 限時優惠 $10,000
課程報名成功後,如未收到另行通知,即表示課程已確定開班。
若因人數不足或其他不可抗因素無法開班,已完成繳費的學員將獲得全額退費。
此外,課程前三日,我們將寄送課前提醒至您報名時填寫的電子信箱,請留意查收。

💡想用一句話就讓網站服務「自己生出來」嗎?

別再苦學語法、卡在部署!這堂課帶你用自然語言 × AI Agent,從想法到上線,一次完成!

你是否也遇到這些「卡關」時刻?

  • 想做網站卻看不懂 HTML、CSS,學了又忘?
  • 外包動輒數萬元,需求一改就加價?
  • 上 Udemy、YouTube 自學,照打還是跑不動?
  • 部署最頭痛:伺服器、DNS、SSL,光聽就想放棄?

別再被程式語法綁架!

Vibe Coding × Google Antigravity = 用「對話」驅動開發的全新方式
Google Antigravity 不只是 AI 輔助,而是具備任務理解、行動拆解與 Agent 協作能力的開發夥伴。
你負責「說清楚你要什麼」,Antigravity 幫你把「怎麼做」一次跑完。

這門課,帶給你 4 大保證:
Prompt 神操作:掌握 3C 結構(Context / Command / Constraint),讓 Google Antigravity 精準理解需求,回應不再亂飛。
AI 開發超快速:善用 Google Antigravity 的 Agent 驅動流程,從需求分析、程式生成、修正優化到測試,全程由 AI 協助完成。
即戰力功能包:表單系統、資料清洗、排程提醒、API 串接——課程不是示範,是「完整做給你看、你照著就能用」。
Agent Skills 教學一次給齊:不只會用,還教你怎麼訓練與調教 Antigravity Agent,讓 AI 不只是助手,而是你的專屬開發成員。

🚀 別再用「傳統方法」硬碰硬!懂得駕馭 AI Agent 的人,才是下一波內容與產品爆發的關鍵。

Day 1:核心技能工作坊(6 小時)
  • 🔥單元一、Prompt 工程與 Vibe Coding 基礎(2.5 小時)
    • 建立「會下指令」而不是「亂問 AI」的開發基礎。本單元帶你掌握 Prompt 工程核心結構,並理解 Vibe Coding 如何成為非工程師也能參與開發的關鍵能力。
      – Prompt 三段式結構:目標 × 條件 × 輸出
      – Vibe Coding 核心概念與常見誤解
      Google Antigravity 基本操作與開發流程理解
      – 為什麼「描述清楚流程」比「寫對語法」更重要
    • 📌 加值教學:Agent Skills 入門
      – 什麼是 Agent Skills?
      – 如何讓 AI 扮演「前端工程師 / 產品經理 / 測試員」等角色
      – 為後續多代理協作打下基礎
  • 🔥單元二、Vibe Coding 下命令技巧與對話式開發初體驗(2 小時)
    • 學會與 AI「一起思考與推進」,而不是一次丟完需求。本單元將帶你實際體驗對話式開發的節奏與控場技巧。
      – 任務拆解:需求分段 × 邏輯控制
      – 多輪對話開發循環:需求 → 草稿 → 測試 → 修正 → 重構
      – 指令控制技巧:角色設定、輸出格式、測試優先順序
      – 提升可讀性與可維護性的 Prompt 設計
  • 🔥單元三、基礎實戰:讓 AI 幫你把功能「真的做出來」(1.5 小時)
    • 透過實際任務,建立「AI 不是只會產文字,而是能交付功能」的信心。
    • 實作演練:
      – 自動產生網站文字:歡迎頁、活動介紹頁(HTML)
      – 基本表單:姓名 / Email / 驗證 / 送出提示
      – 小型資料清理工具:去重、補空值、CSV 基礎清洗
      – 任務排程提醒器:前端排程頁 + 本機通知(非即時)
Day 2:應用深化實戰課(6 小時)
  • 🔥單元四、進階實戰:功能升級與穩定度強化(2 小時)
    • 讓作品不只是「能跑」,而是「能用、好用、可維護」。
      – UI 快速強化:Tailwind / Bootstrap 美化技巧
      – 錯誤處理觀念:try-catch、使用者友善回饋
      – 外部 API 串接(選配):匯率、天氣、生成式 API
      – 功能延伸實作:表單資料同步 Google Sheets(擇一)
  • 🔥單元五、Firebase 部署 × 個人網站實戰(1.5 小時)
    • 讓作品真正「上線」,而不是只存在於本機。
      – 建立 Firebase 專案與初始化設定
      – firebase deploy 流程:本地 → Cloud CDN → HTTPS
      – 網站部署與版本更新概念
      – 成果產出:每位學員擁有專屬 https://username.web.app 個人作品頁
  • 🔥單元六、成果發表與實戰回饋(1 小時)
    • 把兩天所學整合為「可展示、可說明、可優化」的微型產品。
    • 實作演練:
      – 20 分鐘快速開發微型產品(例:自動報價單產生器)
      – 成果展示:功能操作+實際部署網址
      – 講師回饋重點:
      – Prompt 清晰度
      – 程式可維護性
      – 使用者體驗與產品完整度
  • 🔥Q&A、Agent Skills 應用與結業總結(0.5 小時)
    • 常見 Vibe Coding 與 Google Antigravity 問題解析
    • Agent Skills 在實務開發中的延伸應用方向
    • 如何持續用「自動化 × AI 協作」進化你的開發能力

💥 課程有供餐嗎?

Ans:有!中午有提供餐盒。

💥 上課需要帶電腦嗎?

Ans:要!課堂中有大量實作演練,建議電腦先充飽電。課程內容豐富、進行緊湊,不建議使用無鍵盤的平板。

💥 報名流程為何?

Ans:
報名:填寫線上報名表,完成線上報名。
繳費:線上報名後一個小時內將收到繳費資訊的電子郵件通知,請於三個工作天內完成繳費。
確認:完成繳費請至報名時填寫之聯絡人信箱收取確認信函。
提醒:課程前三天,我們將寄發課前通知,敬請留意課程相關資訊。

💥 如何取得完課證明?

學員須完成課程並通過課堂小測驗(成績達 70 分以上為及格),即可視為完課。
完課證明將於課程結束後的隔日,以電子郵件方式寄送至學員報名時所填寫之信箱。
完課證明提供一次免費內容調整(如姓名修正等)之服務;若需第二次(含)以上調整,將酌收行政處理費用,敬請留意。

💥 30人以下企業如何申請政府補助?

Ans:如果你的企業最近6個月任一個月投保人數為30人以下之製造業或服務業(限為本國籍員工),即可申請「30人以下中小企業數位轉型」之學費補助,每人上限1萬元,每一家申請補助上限10萬元至115年03月31日下午5時止。詳細規定請參考【30人以下數位轉型協助】、來電 02-7717-9386,或是加入【airabbi 官方 LINE】將有專人為你說明。
申請流程如下(擷取自經濟部資料):

30人以下數位轉型培力補助流程

若你還有其他問題,歡迎透過 官方 LINE 與我們聯絡!

💥 課程調整

因 AI 進步速度太快,為了讓學員掌握最新應用,主辦單位保有最終修改、變更課程內容之權利。

💥 發票統編開立辦法

若需開立統編,請在報名時務必要填寫統一編號相關欄位(公司抬頭、統一編號、公司聯絡地址),發票一但開立無法更改,敬請留意資訊正確性,感謝您的體諒。

💥 退費規定

因名額有限,於開始日 30 天(含) 前提出,酌收手續費 500 元;
於開始日 15~29 日前提出,退回 85% 學費;
於開始日 4~14 日前期提出,退回 60% 學費;
於開始日 1~3 日前期提出,退回 30% 學費;
於當日不論是否報到,不接受退費。
團報方案若有退費需求,需整團辦理退費,恕不接受單獨退費;因個人因素無法繼續參加,請自行轉讓名額,並主動通知 airabbi 瑞比智慧。

💥 其他退費規定

若因颱風、地震、豪雨、疫情等不可控之因素,依當地政府規定停課與否,本單位恕不另行通知;因上述因素課程擇期延後上課,學員可申請全額退費或更改上課梯次。

💥 個資相關規定

為遵守個人資料保護法,課程期間所拍攝之照片/影像/聲音,僅做相關活動推廣, 若不同意請主動告知,否則即視同同意提供。

限時優惠
$ 10,000 /人

原價 $16,000
30人以下服務業、製造業,政府補助免費上課!
(核銷時間至115年03月31日止)

想瞭解更多…

歡迎透過 airabbi 官方 LINE
或是來電:(02)7717-9386
將有專人解答您的問題!

▎講師介紹

「Joe」的個人頭像

講師:世驊 (Joe)
現職:airabbi 瑞比智慧科技AI 轉型顧問暨講師
經歷:凱擘 AI 技術顧問、私立高中兼職資訊教師
專長:Python/C++ 程式設計、AI 應用、AI 流程自動化、AR/VR 虛擬實境開發

相關證照:IPAS AI 應用規劃師、IPAS 資訊安全工程師
授課歷程:教學經歷10年,擁有超過 3,000 小時科技教育教授經驗
授課單位:StudioA、紡織產業綜合研究所、弘光科技大學、社團法人防爆協會、桃園市創新創業協會、柏利金創意行銷有限公司、禾引源永續股份有限公司

相關課程
企業內訓

最符合企業需要

客制化企業培訓

專為企業特定需求設計

airabbi AI 應用學院

最貼地氣的企業 AI 應用課程

airabbi AI 應用學院

八門課針對不同應用需求

推薦文章

🌏 什麼是 Vibe Coding?跟一般人(非工程師)有什麼關係嗎?
🌏 給中小企業主們:AI 寫程式自動化這陣風跟不跟?