← 所有課堂
課堂 9QSBJ · 工作坊

以言造物。

Vibe coding,認真地學。

帶一個想法,或一件你不想再重複做的事來。你離開時,不只帶着一個親手「說」出來的網頁、工具、應用或工作流程,也帶走一套之後可以繼續把想法做出來的方法。

◷ 3.5 小時◈ 廣東話 · 英文術語▤ 自備手提電腦◉ 每場 8 位◇ 無需編程背景
誰來教 Horris Tse簡介 ↗ 金融 · 科技 · AI · 產品 · 傳播 20+ 年編程及產品開發經驗
留座 標準價格 已滿——候補開放
標準 HKD 1,800
二人同行 − 100 /位
三人同行 − 150 /位
HtPi 會員 另減 5–15%
折扣取其一(最優者) max
HKD 1,650 每位起
11 月 2 日(一) · 19:00–22:30
觀塘 · WeMine Office,MG Tower
剩餘 8 位
留座——24 小時內付款 加入候補名單

此場次已滿。如有座位釋出(例如逾時未付款),會按候補次序以電郵通知——請留下電郵加入候補。

轉數快 · PayMe,不另收費。Stripe / PayPal +3%。報名即建立你的 HtPi 帳戶—— 會員每堂都有折扣. 轉讓與退款規則 → · 送一堂課 →

你現在在哪個階段?

Vibe Coding 讓你用自然語言描述想做甚麼,再由 AI 協助你建立、修改和測試網頁、小工具、簡單應用或工作流程。

不需要先懂 programming 才能開始。

這堂課會帶你體驗整個由想法走到做出可用程式的過程。

第一版做到,但一改就開始亂?

試過幾個工具,仍然不知道應該用哪一個?

AI 說完成了,但你其實不知道它有沒有真的做好?

卡住之後盡力再 prompt,結果越改越遠?

這堂課的重點,就是學會越過這些關卡:拆解、修改、測試、判斷,以及出錯後怎樣找回問題。

帶你的 idea 來。

我們會先把它收窄成三個半小時內可以完成的版本,再一起把第一個 working version 做出來。

不需要一開始就想着做一套完整 software。

三個半小時,可以做到甚麼?

課堂實際動手約一個半小時。只要計劃清楚,一個有登入、有資料庫、有 AI 功能的小型 Web App,已經做得到。

裏面有甚麼 預約系統
畫面
預約頁 · 確認頁 · 後台
資料
時段 · 預約紀錄
登入
只限管理員
自動化
確認電郵
上線
一條可分享的連結
01 · 預約系統
有後台的預約系統

客人揀真實的時段預約,你在後台管理所有預約。不是一張表格的頁面——預約會存入資料庫,每一個都有確認電郵。

✓時段滿了會自動關閉
✓後台登入,確認、改期或取消預約
✓每個預約自動發確認電郵
例如 補習時段工作室課堂諮詢預約
裏面有甚麼 單據入帳
畫面
上載 · 核對 · 每月總覽
AI
從相片讀取單據
資料
單據 · 類別
輸出
圖表 · Excel 匯出
02 · 單據入帳
影低單據,自動入帳

上載單據或發票的相片、PDF,AI 讀出商戶、日期、金額和類別,放進一個你可以核對和修改的表格,再按月統計、匯出。

✓AI 讀出欄位,你確認後才存檔
✓按類別的每月統計圖
✓匯出 Excel 交給會計
例如 報銷小店記帳項目開支
裏面有甚麼 訂單中心
畫面
貼單 · 訂單板 · 客人
AI
把訊息變成訂單
資料
訂單 · 客人 · 存貨
自動化
每日摘要
03 · 訂單中心
零散的訊息落單,變成一個訂單板

把客人實際傳來的訊息貼上,AI 把每一張整理成結構化的訂單;訂單板由「新單」跟到「已包裝」、「已送出」,保留每位客人的紀錄,每日給你一份摘要。

✓AI 抽出貨品、數量、地址和付款狀態
✓訂單由新單移到已包裝、已送出
✓每日摘要,存貨不足時提示
例如 家庭烘焙花店團購
裏面有甚麼 文件問答
畫面
發問 · 出處 · 管理
AI
只根據你的文件作答
資料
文件 · 問題紀錄
登入
管理員上載文件
04 · 文件問答
問自己的文件,答案附上出處

上載手冊、價目表或規則,同事或客人用日常說話發問;答案會附上出處頁數,答不到的問題會記錄下來,讓你補充。

✓每個答案都附上出處頁數
✓文件沒有寫的,會直說不知道
✓答不到的問題會列出給你
例如 員工手冊課程問答產品規格
裏面有甚麼 即時問答遊戲
畫面
主持 · 加入 · 作答 · 排行榜
即時
所有手機同步
AI
按筆記起草題目
資料
房間 · 玩家 · 分數
05 · 即時問答遊戲
全場用手機一齊玩的問答遊戲

主持人開一個房間,玩家用手機輸入房號加入;題目同時出現在每個人的手機,排行榜即時更新。題目由 AI 根據你的主題或筆記起草,你揀留哪幾題。

✓輸入房號即可加入,不用安裝
✓全場即時排行榜
✓AI 按你的筆記起草題目
例如 團隊培訓課堂溫習聚會遊戲

三個半小時的目標不是做完一個大型產品,而是把一個真實、範圍清楚的小問題,由想法做到可用的第一版。

網上那些一句話就「做出來」的驚艷應用,不必被嚇倒。它們很多不是針對一個真實的需要;有些看起來完整,按下去卻沒有功能。做一個網站,現在本來就不難——難的是做一個真的用得着、真的運作的東西。課堂練的,是後者。

早期課堂的例子

這個課堂系列較早幾輪用過的例子,保留在這裏作參考。模型進步得很快,例子很快便會過時;但做出一件有用東西的能力,始終不變。

01 · 網頁
一個完整、用得着的網頁

不只是靜態介紹頁。可以加入內容、日程、表單和付款流程。

✓內容、日程、報名集中一頁
✓可加入付款連結或付款流程
✓電腦、手機都能使用
例如 作品集活動報名頁個人簡介
02 · 小工具
上載 → 整理 → 下載

把反覆處理的 Excel / CSV 工作變成一個小工具:上載資料,自動整理,再下載結果。

✓幾步完成原本重複的手動工序
✓自動找出重複資料和格式問題
✓輸出可直接使用的 CSV / Excel
例如 整理報名名單合併月結報表批量轉換格式
03 · 工作流程
把重複輸入交給 AI 整理

把零散、格式不一的輸入整理成固定格式,再自動存檔或寫入試算表。

✓減少逐條抄錄
✓自動整理並寫入表格
✓可同時產生每日摘要或統計
例如 WhatsApp 落單電郵摘要單據入帳
04 · 小型應用
一個用途清楚的小型 Web App

針對一個明確問題,做一個有輸入、有結果的簡單應用,例如計算、搜尋、整理或處理內容。

✓自動計算每人的項目和分攤金額
✓一鍵複製分帳訊息到群組
✓不用安裝,開啟連結即可使用
例如 庫存查詢更表產生器報價計算
05 · 小遊戲
一個真的可以玩的簡單遊戲

規則不複雜的小遊戲,可以自己玩、分享給朋友,或做成簡單練習。

✓基本玩法、敵人、計分和過關機制
✓可調整角色、速度和難度
✓可以繼續加入自己的規則和內容
例如 食鬼記憶配對每日問答

Vibe Coding 最難的,通常不是叫 AI 寫第一版

現在叫 AI 做出一個畫面並不難。真正容易卡住的是:

  • 01 不知道用哪個工具 — 不同工具適合的工作其實不同。
  • 02 不知道怎樣開始 — 腦裏有想法,但一開口就太遠大、太模糊。
  • 03 改一樣,壞三樣 — 第一版做到,但越改越亂。
  • 04 AI 說完成了,但你不知道它有沒有真的做好
  • 05 卡住之後再 prompt — 最後越走越遠。
  • 06 不知道哪裏可以放心交給 AI,哪裏需要自己判斷
由模糊想法到可以動工
一開口的版本

「我想整個 AI app。」

拆開之後
  • 1為誰而做?
  • 2放甚麼進去?
  • 3出來的是甚麼?
  • 4最小可用的版本是甚麼?
同一個修改,兩條路

第一版做到。然後你說:

「加一個 filter。」

整個版面走樣,本來做到的功能開始壞。比未改之前離目標更遠。

  • ✓把要改的一件事隔離出來
  • ✓測試
  • ✓保住原本做到的部分

把第二條路變成你的習慣,是這堂課很大的一部分。

這堂課不是教一套指定工具的操作,而是教你怎樣駕馭整個過程。

這堂課教的是甚麼

這堂課不押注某一個 Vibe Coding 工具。

工具會變,但幾個問題一直存在:怎樣把想法拆開、怎樣選對工具、怎樣讓 AI 在修改時不斷線、怎樣測試結果,以及出事時怎樣找回問題。

我們學的是這個過程。

想法→拆解→描述→建造→測試→修改
課程

三個半小時的流程。

揀啱條路35 分鐘 把問題拆開30 分鐘 一邊做,一邊改90 分鐘 知道哪裏要停一停55 分鐘
19:0019:0022:30
19:00
揀啱條路
  • ·你想做的是甚麼?
  • ·哪一種 AI coding workflow 比較適合?
  • ·把課堂需要的工具準備好。
19:35
把問題拆開
  • ·把模糊 idea 變成清楚功能
  • ·收窄 scope
  • ·把大問題拆成 AI 可以處理的小問題
  • ·建立第一版
20:05
一邊做,一邊改
  • ·做出 working version
  • ·測試、修改、debug
  • ·避免每次修改都破壞前面的結果
  • ·學會在 AI 偏離方向時拉回來
21:35
知道哪裏要停一停
  • ·資料、API、security、成本、deployment 與可靠性在甚麼時候開始重要
  • ·甚麼可以繼續自己做,甚麼情況應該找 engineer
早期課堂的例子 →

想知道這種方式長遠可以走到哪裏?

HtPi.me 和 MasterPokerApp.com 都是我自己以 AI-assisted / Vibe Coding workflow 持續建立的項目。

它們當然遠超過三個半小時課堂的範圍。

課堂做的,是帶你學會走出最初那幾步:怎樣把一個 idea 拆開、做出第一版,再有方法地繼續修改。

HtPi.me ↗
雙語寫作與會員平台
MasterPokerApp.com ↗
撲克研習與訓練應用
誰帶這堂課? Horris Tse 簡介 ↗

我不是把 Vibe Coding 當成一個獨立軟件來教。它已經成為我實際建立產品、網站和工作流程的一部分。

HtPi.me、MasterPokerApp.com,以及日常不少 prototype,都是在這種工作方式下逐步建立。

課堂會把當中的方法拆開來教,也會把踩過的坑一起拆開。

第一次接觸 Vibe Coding?甚麼是 Vibe Coding?

Vibe coding 是一種新的製作方式:你可以用自然語言描述想做甚麼,讓 AI 協助你建立、修改和測試網頁、小工具、簡單應用,甚至一些日常工作流程。

這讓「把一個想法做出來」的門檻低了很多。即使沒有編程背景,也可以從一句想法開始,慢慢做出一個真正可以使用的東西。

但能叫 AI 寫 code,不等於能把東西做好。

當需求變得模糊、功能互相影響、程式開始報錯,或者涉及資料、API、帳戶與安全問題,你仍然需要知道怎樣拆解問題、判斷 AI 的答案,以及何時應該停下來重新思考。

實際問題

上課需要另外付費訂閱 AI 工具嗎?

課堂會使用現時合適的 AI coding tools。請預留約 HKD 300–500 作工具開支——例如 VPN 及 AI 訂閱,直接支付予相關服務商,非 HtPi 收取。需要甚麼會在報名前清楚列明,不會到課堂才要求你額外訂閱一堆產品。

我完全沒有編程背景,跟得上嗎?

可以。課堂由拆解想法開始,不假設任何編程背景;你會學到足夠的基本結構,知道自己正在叫 AI 做甚麼。

會教哪一個工具?

課堂會用現時合適的工具示範,但重點是過程本身——工具會變,方法不變。

需要帶甚麼?

一部手提電腦(和充電器)。工具會在課堂第一節一起準備好。

甚麼樣的 idea 適合?

一個你真的想解決的小問題——整理資料、一個有特定用途的網頁、一段重複工作。課堂中的作品不需要複雜。

我的 idea 太大怎麼辦?

我們會一起把它收窄成三個半小時內可以完成的第一版。大想法,正好由小版本開始。

報名須知

請預留約 HKD 300–500 作工具開支——例如 VPN 及 AI 訂閱,直接支付予相關服務商,非 HtPi 收取。

完整條款 →
Horris 在這個領域擁有豐富經驗。他善於運用大量即場示範,以簡單易明的方式講解複雜而抽象的 AI 概念。在他的指導下,我已經開始利用自己建立的智能代理,探索不同的商業構想。我非常推薦這個課程。— Michelle W. · Multi-Family Office曾參加:OpenClaw 實戰工作坊 · 2026 年 4 月 20 日
留座報名