AI 創客世代 - Vibe Coding 無限創意開發課程
從創意遊戲到實用 App,用 AI 魔法打造同學專屬的科技產品!
本課程帶領中小學生掌握 AI 提示詞工程 (Prompt Engineering) 與 AI 開發工具,從零開始學會用自然語言指揮 AI 編寫程式,實作產出專屬的網頁遊戲或應用程式 (Web App)。
在生成式 AI (Generative AI) 時代,最稀缺的不再是寫程式的手,而是定義問題的大腦!這門為中小學生量身打造的實戰營,將徹底顛覆傳統教育。我們採用最前沿的「Vibe Coding(AI 輔助自然語言編程)」開發模式,教導孩子以「AI 產品經理」的視角,透過 AI 提示詞工程 (Prompt Engineering) 精準指揮 AI 開發助手 (如 ChatGPT / Cursor)。從 AI 腦力激盪、AI 生成介面設計,到 AI 自動生成程式碼,孩子將在零基礎下親手打造出專屬的科技產品,全面啟動 AI 運算思維與人機協作力。
適合對象: 小四至中六學生(課程將依學生年齡與基礎,彈性指導開發「趣味遊戲」或「實用 App」,無須程式基礎)
建議時數: 10-20 小時
課程主題:
一:【AI 魔法學徒】Vibe Coding 創意遊戲坊
二:【零代碼創客】Vibe Coding 實用 App 開發班
三:【科技創業家】Vibe Coding 實戰黑客松 (Hackathon)
核心學習內容:
- 跟 AI 溝通的說話藝術: 放下死記硬背,學會用白話文精準下指令,讓 AI 為你寫程式。
- 拆解問題的邏輯大腦: 訓練「大事化小」的能力,把複雜的遊戲或 App 點子切成一步步的小任務。
- 看懂數位世界的構造: 用最簡單的比喻,輕鬆認識網頁與 App 的「結構」與「設計」。
- 設定專屬規則與功能: 用日常語言設定條件(例如:「如果碰到金幣就加一分」),讓 AI 把想法變成真實的互動機制。
- 不怕失敗的解難精神: 無懼程式出錯(Bug)!學會看懂錯誤提示,並指揮 AI 一起找出問題、修復漏洞。
- 將作品升級: 讓 App 學會記住使用者的資料,或是加入進階功能。
- 思維與角色的大轉換: 引導孩子從單純的「遊戲玩家/科技消費者」,蛻變成能動手解決問題的「遊戲設計者」。
課程內容
本課程帶領學生經歷一次完整的 AI 驅動產品開發週期。課程從「Vibe Coding 與 AI 提示詞學」揭開序幕,學生將學習結構化的溝通技巧,與 AI 模型建立高效的結對程式設計 (AI Pair Programming) 模式。接著進入「AI 生成 UI 視覺與前端」,引導 AI 介面生成工具 (如 v0.dev) 快速產出具備現代美感的網頁框架。在最關鍵的「AI 核心邏輯與任務拆解」階段,學生會學習將複雜規則拆解,讓 AI 寫出底層邏輯代碼。為讓產品更強大,課程加入「AI 進階資料與 API 整合」,教導學生串接 ChatGPT 等外部 AI 應用服務。開發過程中,學生必經「AI 智慧除錯與代碼優化」,學會將系統錯誤訊息餵給 AI 進行精準 Debug。最後是「AI 產品部署與 Demo Day」,學生將發佈專案上線並展示人機協作成果。
學校可選擇以下三個主題,或另外自訂主題
課程主題:
一:【AI 魔法學徒】Vibe Coding 創意遊戲坊
二:【零代碼創客】Vibe Coding 實用 App 開發班
三:【科技創業家】Vibe Coding 實戰黑客松 (Hackathon)
Vibe Coding 與 AI 提示詞工程 (Prompt Engineering)
認識 AI 開發環境: 熟悉次世代 AI 代碼編輯器(如 Cursor 或 Replit)的介面與「AI 結對程式設計 (AI Pair Programming)」的運作原理。
精準指令公式: 深度掌握「角色-任務-背景-限制」的高階 AI 詠唱公式,避免 AI 給出無關或錯誤的程式碼。
迭代式對話技巧: 學習如何透過連續追問、條件修正與提供範例 (Few-shot prompting),引導 AI 逐步完善程式碼草稿。
AI 生成 UI 與前端視覺建構
AI 視覺生成: 運用最新 AI 前端生成工具(如 v0.dev 或 Claude Artifacts),用語音或文字將腦海中的畫面瞬間轉化為真實網頁框架。
引導 UI/UX 設計: 學習向 AI 描述排版佈局、色彩心理學與按鈕動效,快速打造具備現代美感的響應式 (RWD) 使用者介面。
解碼網頁骨架: 認識 HTML/CSS 的基礎標籤與樣式架構,以便能更精準地下指令要求 AI 微調視覺細節。
AI 邏輯生成與微型任務拆解 (Micro-tasking)
- 任務拆解思維: 訓練「大腦構思、AI 實作」的開發模式,將複雜的遊戲計分系統或 App 運作邏輯拆解為 3 到 4 個微型任務。
- 建立 AI 可讀邏輯: 學習將日常語言翻譯為結構化的邏輯描述,引導大語言模型準確撰寫變數 (Variables)、迴圈 (Loops) 與條件判斷 (If/Else)。
- 虛擬碼 (Pseudo-code) 應用: 運用 AI 輔助撰寫虛擬碼,在真正生成複雜程式碼之前,先與 AI 確認整體業務邏輯的正確性。
AI 智能服務與外部 API 魔法整合
本機資料記憶: 突破傳統新手技術壁壘,透過 AI 輕鬆理解並實作本地端儲存 (Local Storage) 概念,讓 App 能記住使用者的歷史紀錄與設定。
API 串接實作: 引導 AI 寫出串接外部服務的程式碼,例如抓取即時天氣資訊、地圖資料或每日笑話資料庫。
AI 模組再進化: 挑戰將第三方 AI 模型 (如 OpenAI API) 整合進自己的專案中,打造具備「智慧問答」或「文本翻譯」等進階 AI 功能的應用程式。
AI 智慧除錯與代碼優化 (AI Debugging)
解讀錯誤日誌: 學會開啟並閱讀瀏覽器開發者工具 (Console) 的系統日誌,克服面對「紅字報錯」的恐懼。
AI 診斷與修復: 掌握「AI 輔助除錯法」,學習如何將系統錯誤訊息、截圖與邊緣情況 (Edge Cases) 精準餵給 AI,讓 AI 快速診斷並自動生成修復方案。
程式碼重構 (Refactoring): 運用高階指令要求 AI 重新整理凌亂的代碼,提升軟體運作效能與程式碼的整潔度。
專案雲端部署與 AI 開發心得發表 (Demo Day)
一鍵發佈上線: 學習使用雲端託管平台 (如 Vercel 或 Netlify),將本地端開發的 AI 專案正式發佈到網際網路上,並取得可分享的專屬網址。
科技簡報製作: 學習以「AI 產品經理」的邏輯製作商業簡報,梳理「發現痛點 ➔ AI 解決方案 ➔ 產品展示」的發表脈絡。
實戰成果 Pitch: 站上講台進行專案推介,向大眾與同儕分享自己如何利用生成式 AI 克服技術困難、將創意變為現實的實戰經驗。
學生作品
學習成果
建立 AI 時代的系統化運算思維
學生能將天馬行空的創意點子,有條理地拆解成 AI 容易理解的微型任務 (Micro-tasking),並成功將日常語言轉譯為包含變數、迴圈與條件判斷的系統化程式運作邏輯,真正掌握「拆解複雜問題」的頂層邏輯。
具備 AI 輔助獨立除錯能力 (AI Debugging)
學生將培養面對挫折的解難韌性。當程式出現 Bug 或畫面破圖時不再感到無助與畏懼,學生將熟練操作瀏覽器開發者工具,並學會將系統錯誤日誌與邊緣情況 (Edge Cases) 餵給 AI 進行深度分析,正確引導 AI 提出修復方案並自動重構、優化程式碼。
精通 AI 提示詞工程 (Prompt Engineering)
學生將具備與次世代 AI 高效溝通的能力,不再只是漫無目的地與聊天機器人對話。學生將能熟練運用「角色-任務-背景-限制」等高階結構化指令,精準指揮大語言模型 (LLMs) 產出穩定、無誤且符合設計邏輯的程式碼,徹底將 AI 轉化為專屬的高效開發助理。
掌握 AI 驅動的全端數位架構認知
學生將建立起宏觀的數位產品架構概念,清楚理解「前端介面 (UI/UX 視覺設計)」、「後端邏輯 (本地資料儲存)」以及「API 外部串接 (整合第三方 AI 服務)」三者之間的互動機制與運作關聯。在 AI 輔助工具的帶領下,輕鬆跨越傳統全端開發的高門檻。
完成內建 AI 技術的專屬 MVP 產品
課程結束時,每位學生都能帶走一份引以為傲的實體數位資產。他們將經歷從零到有的一手包辦,獨立企劃並完成一款可實際運作、內含 AI 生成介面或進階 API 功能的「最小可行性產品 (MVP)」,並成功部署至雲端,獲得可供隨時向親朋好友分享展示的專屬網址。
提升人機協作的科技產品簡報力 (Pitching)
學生將化身為「AI 產品經理」,面對群眾自信且有邏輯地闡述產品設計理念、應用情境,以及自身如何透過與生成式 AI 的人機協作,一步步克服技術挑戰的寶貴實戰經驗。
螢火,就是與別不同。
我們的學生說:「原來我都可以訓練自己的 AI 機械人!看著它聽懂問題、回答問題,真的好有趣!」
我們相信,學習科技最好的方法就是親手體驗。小小 AI 工程師 ChatBot 機械人訓練課程讓學生化身 AI 工程師,親自訓練智能聊天機械人,在互動實踐中學習人工智能知識,培養創意思維、邏輯能力及解難技巧,享受科技創作的樂趣。 🤖✨
專業團隊
所有導師均就讀或畢業於香港教育學院,所有導師均須接受專業STEAM教育培訓才可成為正式導師。
與時並進
結合市場上最新科技,時下最熱門話題,由經驗豐富的專業教師團隊針對中小學生編寫的課程及教材。
以學生為本
引導學生自主思考,自發學習,結合實踐及生活中的難題引發學生興趣及創意。
因材施教
經驗豐富,曾教授各類學生,包括英文/中文學校,特殊學校,幼稚園等,度身訂造課程