← All classes
Class 9QSBJ · Studio

From a sentence to software.

以言造物 — vibe coding, properly.

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.5 hours◈ Cantonese · EN terms▤ Bring a laptop◉ 8 seats / session◇ No coding background assumed
Who teaches Horris Tsebio ↗ Finance · Technology · AI · Product · Communication 20+ years in programming & product development
Reserve standard pricing sold out — waitlist open
Standard HKD 1,800
Two together − 100 each
Three together − 150 each
HtPi members further 5–15%
Best single discount applies max
HKD 1,650 from · per person
Mon 2 Nov · 19:00–22:30
Kwun Tong · WeMine Office, MG Tower
8 left
Reserve a seat — pay within 24h 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 — 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.

You don't need to know programming to start.

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?

Stuck, so you prompt again — and every round drifts further?

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.

We'll narrow it to a version that fits in three and a half hours, then build the first working version together.

You don't need to start out imagining a whole piece of software.

What can you build in three and a half hours?

About an hour and a half of the class is hands-on. With a clear plan, a small web app with sign-in, a database and an AI feature is within reach.

What's inside Booking app
Screens
Booking · confirmation · admin
Data
Time slots · bookings
Sign-in
Admin only
Automation
Confirmation email
Live
A link you can share
01 · Booking app
Bookings, with an admin side

Customers pick a real time slot and book it; you manage every booking from an admin page. Not a page with a form on it — the bookings are stored, and each one gets a confirmation email.

✓Slots close by themselves when they fill
✓Admin sign-in to confirm, move or cancel
✓A confirmation email for every booking
e.g. Tutoring slotsStudio classesConsultations
What's inside Receipt reader
Screens
Upload · review · monthly view
AI
Reads receipts from photos
Data
Receipts · categories
Output
Chart · Excel export
02 · Receipt reader
Photos of receipts in, a clean ledger out

Upload photos or PDFs of receipts and invoices. AI reads the shop, date, amount and category into a table you check and correct, then it totals them by month and exports them.

✓AI reads the fields; nothing is saved until you confirm
✓Monthly totals by category, as a chart
✓Export to Excel for your accountant
e.g. Expense claimsSmall-shop booksProject costs
What's inside Order desk
Screens
Paste-in · order board · customers
AI
Turns messages into orders
Data
Orders · customers · stock
Automation
Daily summary
03 · Order desk
Messy chat orders become an order board

Paste in orders the way customers actually send them. AI turns each one into a structured order; the board follows it from new to packed to delivered, keeps each customer's history, and gives you a daily summary.

✓AI pulls out items, quantities, address and payment
✓Move each order along: new → packed → delivered
✓A daily summary, and a warning when stock runs low
e.g. Home bakeryFloristGroup buying
What's inside Document Q&A
Screens
Ask · sources · admin
AI
Answers from your files only
Data
Documents · question log
Sign-in
Admin, to upload
04 · Document Q&A
Ask your own documents; the answer shows its page

Upload a handbook, price list or policy. Staff or customers ask in plain words; the answer quotes the page it came from, and anything it can't answer is logged for you to fill in.

✓Every answer cites its page
✓Says so when the documents don't cover it
✓A list of unanswered questions for you
e.g. Staff handbookCourse FAQProduct specs
What's inside Live quiz
Screens
Host · join · play · leaderboard
Live
Every phone in sync
AI
Drafts questions from notes
Data
Rooms · players · scores
05 · Live quiz
A quiz the whole room plays on their phones

The host opens a room; players join with a code on their phones; each question appears for everyone at once, and the leaderboard updates live. AI drafts the questions from your topic or notes — you choose which to keep.

✓Join with a room code — nothing to install
✓A live leaderboard for the whole room
✓AI drafts questions from your notes
e.g. Team trainingClass revisionParty game

The goal of the three and a half 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.

Don't be put off by the dazzling one-prompt apps online. Many aren't built around a real need, and some look finished but do nothing when you press the buttons. Making a website is easy now anyway — the hard part is making something you'll actually use, that actually works. That's what the class practises.

Examples from earlier runs

The examples this class series used in its earlier runs, kept here for reference. Models improve fast, so examples date quickly — but the skill of building something useful stays the same.

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. PortfolioEvent registration pagePersonal 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.

✓Complete repetitive manual steps in a few clicks
✓Automatically flag duplicates and formatting issues
✓Export a ready-to-use CSV or Excel file
e.g. Clean registration listsMerge monthly reportsBatch format conversion
03 · Workflow
Let AI organise repetitive inputs

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 ordersEmail summariesReceipt entry
04 · Simple App
A small web app with one clear purpose

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 lookupRoster generatorQuotation 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 mazeMemory matchDaily quiz

The hard part is usually not getting AI to write the first version

Getting AI to put a screen together is no longer hard. Where people actually get stuck:

  • 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 is
  • 05 Stuck, so you just prompt again — And end up further away each time.
  • 06 What to hand to AI — and where you need your own judgement
From a vague idea to a buildable one
The idea, as it first comes out

“I want to build an 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.”

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.

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.

That process is what we learn.

idea→breakdown→description→build→test→revise
Curriculum

The three and a half hours.

Choose the route35 min Break the idea down30 min Build, test, change90 min Know what not to trust55 min
19:0019:0022:30
19:00
Choose the route
  • ·What is it you want to make?
  • ·Which kind of AI coding workflow fits it?
  • ·Get the tools the class needs ready.
19:35
Break the idea down
  • ·Turn a vague idea into clear functionality
  • ·Narrow the scope
  • ·Split the big problem into pieces AI can handle
  • ·Build the first version
20:05
Build, test, change
  • ·Get to a working version
  • ·Test, change, debug
  • ·Stop each change from breaking what came before
  • ·Pull AI back when it drifts off course
21:35
Know what not to trust
  • ·Where data, APIs, security, cost, deployment and reliability start to matter
  • ·What you can keep doing yourself — and when to call an engineer
Examples from earlier runs →

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.

They are, of course, far beyond the scope of a three-and-a-half-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.

HtPi.me ↗
Bilingual writing & membership platform
MasterPokerApp.com ↗
Poker study & training app
Who teaches this? 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.

HtPi.me, MasterPokerApp.com, and a good number of day-to-day prototypes were all built step by step this way.

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 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.

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.

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.

Practical questions

Do I need to pay for AI tools on top of the class fee?

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.

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.

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?

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?

We narrow it together into a first version that fits in three and a half hours. Big ideas are exactly what small versions are for.

Good to know

Please budget around HKD 300–500 for tools — e.g. a VPN and an AI subscription — paid directly to those providers, not to 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.— Michelle W. · Multi-Family Officeattended: OpenClaw Hands-On Workshop · 20 Apr 2026
Reserve a seat