所有課堂
課堂 F34J · 工作坊

以言造物。

Vibe coding,認真地學。

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

◷ 3 小時◈ 廣東話 · 英文術語▤ 自備手提電腦◉ 每場 8 位◇ 無需編程背景
H
導師 · Horris Tse 簡介
留座 標準價格 已滿——候補開放
標準 HKD 1,680
二人同行 − 100 /位
三人同行 − 150 /位
HtPi 會員 另減 5–15%
折扣取其一(最優者) max
HKD 1,680 每位起
8 月 22 日(六) · 14:00–17:00
觀塘 · WeMine Office,MG Tower
已截止報名
9 月 12 日(六) · 14:00–17:00
觀塘 · WeMine Office,MG Tower
剩餘 6 位
留座——24 小時內付款 加入候補名單

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

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

你現在在哪個階段?

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

不需要先懂 programming 才能開始。

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

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

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

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

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

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

帶你的 idea 來。

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

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

三小時,可以做到甚麼?

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 在修改時不斷線、怎樣測試結果,以及出事時怎樣找回問題。

我們學的是這個過程。

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

三小時的流程。

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

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

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

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

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

HtPi.me ↗
雙語寫作與會員平台
MasterPokerApp.com ↗
撲克研習與訓練應用
誰帶這堂課? H 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 太大怎麼辦?

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

報名須知

本課堂最少 4 人開班。若開課前一週該場次報名少於 4 人,該場次將取消——你可獲全額退款,或把費用保留至本課堂的另一場次,或另一課堂。另請預留約 HKD 300–500 作工具開支——例如 VPN 及 AI 訂閱,直接支付予相關服務商,非 HtPi 收取。

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