top of page

Vibe Coding 應用工作坊

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

Course Overview

Learning Values and Achievements

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

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

  • 自主探索型學習者:

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

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

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

Learning Goals

深入了解Vibe Coding:

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

掌握Prompt Flow的實戰框架

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

收穫實戰經驗:

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

親自實戰:

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

Learning Outcomes

• 產出成果

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

• 專業知識與持續探索

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

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

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

• 創業比賽競爭力提升

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

Other Information

課程時數與教學模式

• 建議時數: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


Instructors

Alex KWOK

Alex KWOK

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

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

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

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

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

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

Add-on Services

• 工作坊加購顧問服務

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


• 校園活動攝影 / 錄影

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


• STEM Demo Day 支援

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


• 設備與軟體採購諮詢

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


FAQ

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

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

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

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

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

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

Applicable Subsidies

If your school wishes to apply for relevant subsidies or funding, we can advise you or help you prepare the required documents.

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

Contact us

bottom of page