top of page

Vibe Coding 應用工作坊

Vibe Coding 是一種程式開發新方法,使用者只需要用自然語言(中文、英文均可!)與 AI 溝通需求,就能驅動 AI 瞬間生成完整應用程式——從資料庫結構、使用者介面到功能流程,一句話就能打造你的專屬應用程式。
然而,很多同學一開始用 AI 就只能說出「幫我做個XX樣的東西」——語言太籠統、寬泛,令AI 完全抓不到重點,生成的結果往往不盡人意,需要多次反覆溝通、修改,導致原本省事省力的Vibe Coding變成令人抓狂的「Mad Coding」。問題往往出現在學生們缺乏實際項目經驗,不懂如何用「結構化語言」以及編程、設計的用語精準描述需求,缺少系統化的 Prompt Flow 框架,導致 AI 無法正確理解使用者類型、功能流程與介面細節。

學習內容

學習價值與成果

​對象
  • 中學至大專院校學生,或在職同事:

    不論是否學過機械工程或自動化技術,只要對機械臂或創新科技抱有好奇心,即可從基礎學習開始。

  • 自主探索型學習者:

    已經或正準備自發使用機械臂或自動化機械進行實驗、製作專案、創意設計,希望能掌握更深層技巧與實務應用觀念。

  • 計劃參與各類競賽(Hackathon、創新創業、產品設計)的學生:

    希望在激烈競爭中,善用機械臂,機械人及自動化設備提速創意與專案成果,強化團隊優勢。

學習需要及目標

深入了解Vibe Coding:

了解 Vibe Coding的概念、起源以及AI prompt 以及engineering 的核心概念。

掌握Prompt Flow的實戰框架

學會Prompt flow在不同場景下的應用,例如Database design、UI design、Function development。

收穫實戰經驗:

從構思到原型製作,再從多平台研發到上架App Store,讓學生跟著老師自身例子深度認識Vibe Coding的完整工作流程以及細節。

親自實戰:

學生將在老師帶領下,設計並實現應用程式。

學習得著

• 產出成果

透過運用所學知識,學生可利用Vibe Coding 快速設計並實現多項應用成果

• 專業知識與持續探索

熟悉 Vibe Coding 運作原理、Prompt Flow 設計與 AI 協作流程後,學生能激發對生成式 AI 與零代碼技術的好奇心,自發探索並應用於學術研究或創意專案,培養主動學習與跨領域數位思維。

• 大學科系以及創新應用關聯

透過掌握 Prompt 工程與零代碼開發的核心概念與實作經驗,學生可在未來攻讀資訊工程、數位設計、人工智慧、人機互動等科系時更快上手,並接軌日益普及的 AI 產品開發與無碼運動相關主修或輔修課程。

• 創業比賽競爭力提升

學會以 Vibe Coding 在短時間內從 0 到 1 打造可演示的 Demo,大幅縮短 Hackathon、創新創業比賽的原型開發週期,讓學生能專注於商業模式與用戶驗證,顯著提升Pitch說服力與獲獎機會。

其它​詳情

課程時數與教學模式

• 建議時數:10 小時(可依學校或機構需求調整)

– 多日循序計劃:按週進行,更深入的個人或團隊專案開發

設備需求
  • 場地需求:

– 配備投影、音響設備的教室或多功能活動室

– 穩定 Wi-Fi


  • 參與者需求

– 每位學生配有電腦或筆記型電腦

– 部分 AI 工具需要學生建立免費帳號 (工作坊開始前協助註冊)


實際應用與工作坊一覽


01/  基礎技術學習(Know the Tech)[建議 2 小時 ]


  • 理解Vibe Coding 核心概念與 AI 提示工程:了解Vibe Coding 起源,從「寫 code」到「說 vibe」。

  • Prompt Flow 實戰框架:學習Database、UI、Function下的應用框架

  • 嘗試寫出高效Prompt:根據老師提出的問題,利用所學框架,寫出邏輯清晰、高效率的prompt。

​​

02/  實作開發(Hands-on Development)[建議 4 - 6 小時]

​​

  • Prompt Flow 應用實戰:將學生自己寫的prompt放在base44 platform上試運行,觀察AI運行結果並對prompt進行改進。

  • Vibe Coding 實戰專題:

    • 錯題記錄應用程序

      • UI 設計與相機連接:建構手機用戶友善介面,包含「拍照上傳」大按鈕、即時預覽、手畫紅圈標記錯誤處,以及科目快捷選單,確保上傳後可即時預覽並送出分析。

      • Database 接入:設計結構化錯題資料庫,每筆記錄包含題目圖片、科目、知識點、錯誤類型、上傳日期與複習日期陣列(自動生成 1-3-7-14 天提醒),並支援資料匯出與匯入。

      • 進階版本可嘗試連接AI API 進行輔導。

      • 測試計劃的編寫:學生需要自己聯想各種使用案例,確保所有功能、各種情況都被設計以及想到。

      • 測試:測試表現並根據結果進行微調。

  • ​錯誤分析與改進:學生記錄觀察到的錯誤、調整策略,並提出程式控制的改進建議。

​​​​

03/  設計思考與應用(Design Thinking & Use Case Showcase)[建議 2 - 4 小時]

  • 學習並實踐設計思維的訓練​​

    • 逆向思維:將人類的「學習痛點」轉化為 AI 可執行的 Prompt 指令。

    • 問題探索:觀察校園環境,找出學習或生活痛點(如錯題重複出錯、時間管理混亂、作業繳交遺漏)。

    • 概念發想:以 Vibe Coding 為核心,利用 Prompt Flow(UI / Database / Function)快速生成解決方案。

    • 原型測試:用 Base44 即時生成 MVP,測試功能可用性,根據反饋調整 Prompt 並迭代完善應用模式。

    • 小型專題:分組設計並實現針對校園挑戰的 AI 小工具(如錯題本、時間規劃系統)。

    • 成果發表:學生以現場Demo演示等方式,向其他師生展示最終 利用Vibe Coding創作的專屬應用。



除左提供優質課堂內容,我們還能幫您輕鬆申請政府補貼 !


​現時政府有 [IT創新實驗室] 以及 [奇趣IT識多啲] 計劃來資助香港中小學,希望通過課外活動加強學生對資訊科技的興趣、認識及應用,為融入知識型經濟和數碼社會發展。其中以上介紹的工作坊課程 都符合政府計劃,學校能夠申請到高達20萬多的補貼。現時的申請案例有:

Activity Name

Equipment Cost

Operating Expenses

Funding Amount($)

Artificial Intelligence & Social Intelligence Pilot Program (Short courses/ training)

135,000

432,000

567,000

Mobile App Coding in Different Platforms (Workshops)

450,000

150,000

600,000

  1. Everyone Can Code: IoT Programming for Wearable Devices (Workshops)

  2. Build Your Own Chatbot (Workshops)

  3. IoT for Smart Cities (Workshops)


145,000

0

145,000

Everyone Can Code (Short courses/ training for S1 - S5 students)

470,000

30,000

500,000

Introduction Workshop to AR and Xcode IoT Programming (Workshops for S1 – S6 students)

334,000

316,000

650,000

Create and Code on a new horizon (Workshops for S1-S3 students)

315,000

289,200

604,200

Coders create the future (Short courses/ training for S4-S5 students)

393,475

255,000

648475


​導師背景

Alex KWOK

Alex KWOK

• 畢業於香港科技大學:
– 環球商業管理及資訊系統學士(2019)
– 科技領導及創業哲學碩士(2022)

• STEM 教育經驗:
– 超過 8 年從事無人機、媒體製作及設計等多元領域的教學

• 產品設計與初創經驗:
– 6 年行業實戰,包括加密貨幣、無代碼解決方案、物聯網及汽車產業

• AI 網頁應用開發案例:
– HKDSE 英文寫作評分工具
– 精油 AI 咨詢機器人

• 公眾及校園活動經驗:
– 曾於 HKtag 擔任籌委會成員及開放數據比賽評審
– 舉辦 4 場公開工作坊,對象涵蓋小學至大學及教師群體

• 教學特色:
– 結合理論與實務,幫助學生快速掌握 AI 在日常與專業領域的應用

​增潤服務

• 工作坊加購顧問服務

– 為有意進階開發 AI 專案的學生或團隊提供額外一對一輔導及顧問支持。


• 校園活動攝影 / 錄影

– 為工作坊全程拍攝並剪輯精華片段,用作日後校內宣傳或紀錄。


• STEM Demo Day 支援

– 協助學校在大型展覽或開放日中設立 AI 創客攤位,讓更多學生及家長體驗 AI 工具。


• 設備與軟體採購諮詢

– 若學校或機構需要添置新的電腦、配件或 AI 軟體,我們可提供專業採購建議及團購。


​常見問題

  • 問:完全沒有 AI 或程式背景的學生是否能夠跟得上?

    答:可以。課程從基礎原理說明與實際操作開始,無需程式先修基礎,適合所有對 AI 有興趣的學生。

  • 問:需要準備什麼設備或安裝軟體?

    答:基本電腦(桌機或筆電)及網路即可;部份工具需要在瀏覽器中註冊,由我們提供協助。

  • 問:工作坊人數有限制嗎?

    答:建議每班不超過 20~25 人,以確保導師能個別指導並維持學習品質。

​適用資助

如果學校希望申請相關資助,我們可以提供建議或協助準備所需的文件。

    中學IT創新實驗室計劃, 優質教育基金, 小學奇趣IT識多啲計劃

​與INSPIRE 團隊聯絡

bottom of page