All classes所有課堂
Class 9QSBJ · Studio課堂 9QSBJ · 工作坊

From a sentence to software.以言造物。

以言造物 — vibe coding, properly.Vibe coding,認真地學。

Bring an idea, or something you’re tired of doing over and over. You leave not only with a webpage, tool, application or workflow you’ve “talked” into being, but also with a way to keep turning future ideas into something that works.帶一個想法,或一件你不想再重複做的事來。你離開時,不只帶着一個親手「說」出來的網頁、工具、應用或工作流程,也帶走一套之後可以繼續把想法做出來的方法。

◷ 3 hours◷ 3 小時◈ Cantonese · EN terms◈ 廣東話 · 英文術語▤ Bring a laptop▤ 自備手提電腦◉ 8 seats / session◉ 每場 8 位◇ No coding background assumed◇ 無需編程背景
H
Taught by Horris Tse導師 · Horris Tse bio簡介
Reserve留座 standard pricing標準價格 sold out — waitlist open已滿——候補開放
Standard標準 HKD 1,680HKD 1,680
Two together二人同行 − 100 each− 100 /位
Three together三人同行 − 150 each− 150 /位
HtPi membersHtPi 會員 further 5–15%另減 5–15%
Best single discount applies折扣取其一(最優者) maxmax
HKD 1,680 from · per person每位起
Sat 22 Aug · 14:00–17:008 月 22 日(六) · 14:00–17:00
Kwun Tong · WeMine Office, MG Tower觀塘 · WeMine Office,MG Tower
registration closed已截止報名
Sat 12 Sep · 14:00–17:009 月 12 日(六) · 14:00–17:00
Kwun Tong · WeMine Office, MG Tower觀塘 · WeMine Office,MG Tower
7 left剩餘 7 位
Reserve a seat — pay within 24h留座——24 小時內付款 Join the waitlist加入候補名單

This session is full. If a seat opens (unpaid holds sometimes lapse), the waitlist is offered it in order — leave your email to join.此場次已滿。如有座位釋出(例如逾時未付款),會按候補次序以電郵通知——請留下電郵加入候補。

FPS · PayMe, no fee. Stripe / PayPal +3%. Registering creates your HtPi account —轉數快 · PayMe,不另收費。Stripe / PayPal +3%。報名即建立你的 HtPi 帳戶—— members save on every class會員每堂都有折扣. Transfer & refund rules轉讓與退款規則 · Gift a seat送一堂課

Where are you right now?你現在在哪個階段?

Vibe coding lets you describe what you want in natural language, and have AI help you build, change and test webpages, small tools, simple apps and workflows.Vibe Coding 讓你用自然語言描述想做甚麼,再由 AI 協助你建立、修改和測試網頁、小工具、簡單應用或工作流程。

You don't need to know programming to start.不需要先懂 programming 才能開始。

This class walks you through the full journey once — from an idea to a version that works.這堂課會帶你體驗整個由想法走到做出可用程式的過程。

You get a first version — then one change and it all starts to wobble?第一版做到,但一改就開始亂?

Tried a few tools, still not sure which one you should be using?試過幾個工具,仍然不知道應該用哪一個?

AI says it's done — but you can't actually tell whether it is?AI 說完成了,但你其實不知道它有沒有真的做好?

Stuck, so you prompt again — and every round drifts further?卡住之後盡力再 prompt,結果越改越遠?

That is exactly what this class works on: breaking down, changing, testing, judging — and finding the problem again when something goes wrong.這堂課的重點,就是學會越過這些關卡:拆解、修改、測試、判斷,以及出錯後怎樣找回問題。

Bring your idea.帶你的 idea 來。

We'll narrow it to a version that fits in three hours, then build the first working version together.我們會先把它收窄成三小時內可以完成的版本,再一起把第一個 working version 做出來。

You don't need to start out imagining a whole piece of software.不需要一開始就想着做一套完整 software。

What can you build in three hours?三小時,可以做到甚麼?

01 · Website網頁
A complete website with a real purpose一個完整、用得着的網頁

Not just a static introduction page. You can add content, schedules, forms, and a payment flow.不只是靜態介紹頁。可以加入內容、日程、表單和付款流程。

Keep content, schedules, and registration on one page內容、日程、報名集中一頁
Add a payment link or payment flow可加入付款連結或付款流程
Works on both desktop and mobile電腦、手機都能使用
e.g.例如 Portfolio作品集Event registration page活動報名頁Personal profile個人簡介
02 · Small Tool小工具
Upload → clean → download上載 → 整理 → 下載

Turn repetitive Excel or CSV work into a small tool: upload the data, clean it automatically, then download the result.把反覆處理的 Excel / CSV 工作變成一個小工具:上載資料,自動整理,再下載結果。

Complete repetitive manual steps in a few clicks幾步完成原本重複的手動工序
Automatically flag duplicates and formatting issues自動找出重複資料和格式問題
Export a ready-to-use CSV or Excel file輸出可直接使用的 CSV / Excel
e.g.例如 Clean registration lists整理報名名單Merge monthly reports合併月結報表Batch format conversion批量轉換格式
03 · Workflow工作流程
Let AI organise repetitive inputs把重複輸入交給 AI 整理

Turn scattered, inconsistent inputs into a fixed structure, then save them automatically or write them into a spreadsheet.把零散、格式不一的輸入整理成固定格式,再自動存檔或寫入試算表。

Reduce manual copying from message to message減少逐條抄錄
Organise data and write it into a table automatically自動整理並寫入表格
Generate daily summaries or totals at the same time可同時產生每日摘要或統計
e.g.例如 WhatsApp ordersWhatsApp 落單Email summaries電郵摘要Receipt entry單據入帳
04 · Simple App小型應用
A small web app with one clear purpose一個用途清楚的小型 Web App

Build a simple app around one specific problem, with a clear input and result — for example, calculating, searching, organising, or processing content.針對一個明確問題,做一個有輸入、有結果的簡單應用,例如計算、搜尋、整理或處理內容。

Calculate each person's items and share automatically自動計算每人的項目和分攤金額
Copy a payment-split message to the group in one click一鍵複製分帳訊息到群組
No installation required — just open the link不用安裝,開啟連結即可使用
e.g.例如 Inventory lookup庫存查詢Roster generator更表產生器Quotation calculator報價計算
05 · Mini Game小遊戲
A simple game you can actually play一個真的可以玩的簡單遊戲

Build a game with straightforward rules — for yourself, to share with friends, or as a simple practice activity.規則不複雜的小遊戲,可以自己玩、分享給朋友,或做成簡單練習。

Basic gameplay, enemies, scoring, and level progression基本玩法、敵人、計分和過關機制
Adjust characters, speed, and difficulty可調整角色、速度和難度
Keep adding your own rules and content可以繼續加入自己的規則和內容
e.g.例如 Pac-Man-style maze食鬼Memory match記憶配對Daily quiz每日問答

The goal of the three hours is not to finish a large product. It is to take one real, well-scoped problem from an idea to a usable first version.三小時的目標不是做完一個大型產品,而是把一個真實、範圍清楚的小問題,由想法做到可用的第一版。

The hard part is usually not getting AI to write the first versionVibe Coding 最難的,通常不是叫 AI 寫第一版

Getting AI to put a screen together is no longer hard. Where people actually get stuck:現在叫 AI 做出一個畫面並不難。真正容易卡住的是:

  • 01 Which tool?不知道用哪個工具Different tools genuinely suit different jobs.不同工具適合的工作其實不同。
  • 02 How to even start不知道怎樣開始The idea in your head comes out too big and too vague.腦裏有想法,但一開口就太遠大、太模糊。
  • 03 Change one thing, break three改一樣,壞三樣The first version worked — and every change makes it messier.第一版做到,但越改越亂。
  • 04 AI says it's done — you can't tell whether it isAI 說完成了,但你不知道它有沒有真的做好
  • 05 Stuck, so you just prompt again卡住之後再 promptAnd end up further away each time.最後越走越遠。
  • 06 What to hand to AI — and where you need your own judgement不知道哪裏可以放心交給 AI,哪裏需要自己判斷
From a vague idea to a buildable one由模糊想法到可以動工
The idea, as it first comes out一開口的版本

“I want to build an AI app.”「我想整個 AI app。」

After decomposition拆開之後
  • 1Who is it for?為誰而做?
  • 2What goes in?放甚麼進去?
  • 3What comes out?出來的是甚麼?
  • 4What is the smallest useful version?最小可用的版本是甚麼?
One change, two paths同一個修改,兩條路

Version A works. Then you ask:第一版做到。然後你說:

“Add a filter.”「加一個 filter。」

The whole layout shifts. Things that worked stop working. You are further away than before you asked.整個版面走樣,本來做到的功能開始壞。比未改之前離目標更遠。

  • Isolate the one change you asked for把要改的一件事隔離出來
  • Test it測試
  • Keep what already worked保住原本做到的部分

Learning to make the second path your default is a big part of this class.把第二條路變成你的習慣,是這堂課很大的一部分。

This class doesn't teach the buttons of one particular tool — it teaches you to run the whole process.這堂課不是教一套指定工具的操作,而是教你怎樣駕馭整個過程。

What this class teaches這堂課教的是甚麼

This class doesn't bet on any one vibe-coding tool.這堂課不押注某一個 Vibe Coding 工具。

Tools change, but a few questions stay: how to take an idea apart, how to pick the right tool, how to keep AI on course through changes, how to test the result — and how to find the problem again when something breaks.工具會變,但幾個問題一直存在:怎樣把想法拆開、怎樣選對工具、怎樣讓 AI 在修改時不斷線、怎樣測試結果,以及出事時怎樣找回問題。

That process is what we learn.我們學的是這個過程。

idea想法breakdown拆解description描述build建造test測試revise修改
Curriculum課程

The three hours.三小時的流程。

14:00
Choose the route揀啱條路
  • ·What is it you want to make?你想做的是甚麼?
  • ·Which kind of AI coding workflow fits it?哪一種 AI coding workflow 比較適合?
  • ·Get the tools the class needs ready.把課堂需要的工具準備好。
14:35
Break the idea down把問題拆開
  • ·Turn a vague idea into clear functionality把模糊 idea 變成清楚功能
  • ·Narrow the scope收窄 scope
  • ·Split the big problem into pieces AI can handle把大問題拆成 AI 可以處理的小問題
  • ·Build the first version建立第一版
15:05
Build, test, change一邊做,一邊改
  • ·Get to a working version做出 working version
  • ·Test, change, debug測試、修改、debug
  • ·Stop each change from breaking what came before避免每次修改都破壞前面的結果
  • ·Pull AI back when it drifts off course學會在 AI 偏離方向時拉回來
16:35
Know what not to trust知道哪裏要停一停
  • ·Where data, APIs, security, cost, deployment and reliability start to matter資料、API、security、成本、deployment 與可靠性在甚麼時候開始重要
  • ·What you can keep doing yourself — and when to call an engineer甚麼可以繼續自己做,甚麼情況應該找 engineer

Where can this way of working lead?想知道這種方式長遠可以走到哪裏?

HtPi.me and MasterPokerApp.com are both projects I built — and keep building — with an AI-assisted, vibe-coding workflow.HtPi.me 和 MasterPokerApp.com 都是我自己以 AI-assisted / Vibe Coding workflow 持續建立的項目。

They are, of course, far beyond the scope of a three-hour class.它們當然遠超過三小時課堂的範圍。

What the class does is teach you those first steps: how to take an idea apart, make a first version, and keep changing it with a method.課堂做的,是帶你學會走出最初那幾步:怎樣把一個 idea 拆開、做出第一版,再有方法地繼續修改。

HtPi.me ↗
Bilingual writing & membership platform雙語寫作與會員平台
MasterPokerApp.com ↗
Poker study & training app撲克研習與訓練應用
Who teaches this?誰帶這堂課? H Horris Tse bio簡介

I don't teach vibe coding as a piece of software. It has become part of how I actually build products, websites and workflows.我不是把 Vibe Coding 當成一個獨立軟件來教。它已經成為我實際建立產品、網站和工作流程的一部分。

HtPi.me, MasterPokerApp.com, and a good number of day-to-day prototypes were all built step by step this way.HtPi.me、MasterPokerApp.com,以及日常不少 prototype,都是在這種工作方式下逐步建立。

The class takes that method apart — including the holes I've stepped in along the way.課堂會把當中的方法拆開來教,也會把踩過的坑一起拆開。

First time hearing about vibe coding? What is it?第一次接觸 Vibe Coding?甚麼是 Vibe Coding?

Vibe coding is a new way of making things: you describe what you want in natural language, and AI helps you build, change and test webpages, small tools, simple applications — even everyday workflows.Vibe coding 是一種新的製作方式:你可以用自然語言描述想做甚麼,讓 AI 協助你建立、修改和測試網頁、小工具、簡單應用,甚至一些日常工作流程。

That lowers the barrier to "making the thing" a great deal. Even without a programming background, you can start from one sentence and gradually make something genuinely usable.這讓「把一個想法做出來」的門檻低了很多。即使沒有編程背景,也可以從一句想法開始,慢慢做出一個真正可以使用的東西。

But getting AI to write code is not the same as knowing how to build something well.但能叫 AI 寫 code,不等於能把東西做好。

Once requirements blur, features start to interact, errors appear, or data, APIs, accounts and security are involved, you still need to know how to break the problem down, judge AI's answers, and know when to stop and rethink.當需求變得模糊、功能互相影響、程式開始報錯,或者涉及資料、API、帳戶與安全問題,你仍然需要知道怎樣拆解問題、判斷 AI 的答案,以及何時應該停下來重新思考。

Practical questions實際問題

Do I need to pay for AI tools on top of the class fee?上課需要另外付費訂閱 AI 工具嗎?

The class uses whichever AI coding tools currently fit. Budget around HKD 300–500 for tools — e.g. a VPN and an AI subscription, paid directly to those providers, not to HtPi. Exactly what's needed is listed clearly before you register — you will never be asked mid-class to subscribe to a pile of products.課堂會使用現時合適的 AI coding tools。請預留約 HKD 300–500 作工具開支——例如 VPN 及 AI 訂閱,直接支付予相關服務商,非 HtPi 收取。需要甚麼會在報名前清楚列明,不會到課堂才要求你額外訂閱一堆產品。

I have no coding background at all — can I keep up?我完全沒有編程背景,跟得上嗎?

Yes. The class starts from breaking an idea down and assumes no coding background; you'll pick up enough of the underlying structure to know what you are asking AI to do.可以。課堂由拆解想法開始,不假設任何編程背景;你會學到足夠的基本結構,知道自己正在叫 AI 做甚麼。

Which tools will we use?會教哪一個工具?

We demonstrate with tools that currently fit the job — but the point of the class is the process itself. Tools change; the method doesn't.課堂會用現時合適的工具示範,但重點是過程本身——工具會變,方法不變。

What should I bring?需要帶甚麼?

A laptop (and its charger). We set the tools up together in the first part of the class.一部手提電腦(和充電器)。工具會在課堂第一節一起準備好。

What kind of idea is suitable?甚麼樣的 idea 適合?

A small problem you genuinely want solved — organising some data, a page with one purpose, a repetitive task. The thing you build does not need to be complicated.一個你真的想解決的小問題——整理資料、一個有特定用途的網頁、一段重複工作。課堂中的作品不需要複雜。

What if my idea is too big?我的 idea 太大怎麼辦?

We narrow it together into a first version that fits in three hours. Big ideas are exactly what small versions are for.我們會一起把它收窄成三小時內可以完成的第一版。大想法,正好由小版本開始。

Good to know報名須知

This class runs with a minimum of 4 people. If fewer than 4 are registered one week before a session, that session is cancelled — you're fully refunded, or you can keep your fee for another session of this class or another class. Please also budget around HKD 300–500 for tools — e.g. a VPN and an AI subscription — paid directly to those providers, not to HtPi.本課堂最少 4 人開班。若開課前一週該場次報名少於 4 人,該場次將取消——你可獲全額退款,或把費用保留至本課堂的另一場次,或另一課堂。另請預留約 HKD 300–500 作工具開支——例如 VPN 及 AI 訂閱,直接支付予相關服務商,非 HtPi 收取。

Full policies完整條款
Horris is highly experienced in the field. He presents complicated and abstract AI concepts in a simple, accessible way, using plenty of live examples. With his guidance, I've already started exploring different business ideas using the agent I built, and I highly recommend this course.Horris 在這個領域擁有豐富經驗。他善於運用大量即場示範,以簡單易明的方式講解複雜而抽象的 AI 概念。在他的指導下,我已經開始利用自己建立的智能代理,探索不同的商業構想。我非常推薦這個課程。— Michelle W. · Multi-Family Officeattended: OpenClaw Hands-On Workshop · 20 Apr 2026曾參加:OpenClaw 實戰工作坊 · 2026 年 4 月 20 日
Reserve a seat留座報名