試味工作坊 · hands-on
用 AI 行一次「收潛在客戶 → 部署」
目標係有一條你可以帶走嘅最小可行漏斗
會以 Cursor 做主軸,用佢內建嘅 AI 對話同改 code 流程做拍檔;由構思、拆需求、寫 code、debug、測試到上線,喺現場實際行一轉。重點係點樣用產品思維指揮 AI,同點樣揀一個檔案同部署都攞返喺自己手度嘅路線,例如 Astro 配 Cloudflare Pages。
- 唔係純聽講座,亦唔係齋睇示範;你跟住做,會有第一版可公開頁面同表單方向
- 會講清楚「提交表單/建置/部署(deploy)」可能會有幾十秒到一兩分鐘,唔好以為壞咗;完成後下一步點行
- 現場卡住可以舉手;課後想行深啲,可以再接 1:1 或小組班
- 實體場次可以識下同路嘅創辦人同教學者;想專心動手做亦完全無問題
你而家卡住,可能係呢幾句之一
- 「我而家用 AI 改緊嘢,但點樣先算改得啱、改得穩?」
- 「一上線就驚壞,究竟要點做先唔會改一處爆三處?」
- 「工具愈加愈多,月費愈嚟愈重,有冇方法保留主導權?」
以上問題,會喺試味工作坊用實作方式逐步拆;重點係你做完可以帶走,返去可自己重做一次。
先講你最在意嘅三件事
唔使你手寫晒每一行 code
你要學嘅唔係背語法,而係點樣講清目標、叫 AI 分步改、再用瀏覽器逐項驗收。速度交俾 AI,判斷權留喺你手上。
第一版重點係可用,唔係完美
試味場會先幫你跑通最短路徑:頁面內容、名單入口、提交後下一步。先有一版用得嘅頁,再慢慢微調轉換率。
部署卡住通常唔係你廢,係設定未對齊
你會跟住做一套固定檢查:專案路徑、build 指令、輸出資料夾同表單流程。出錯時照清單排查,唔再靠估。
會用到嘅工具
示範同跟練都以 Cursor 內建嘅 AI 功能為主,輔以 GitHub。靜態頁同表單會跟 Astro 同 Cloudflare Pages 呢條可帶走嘅路線行。
方法會參考我哋一系列實戰文嘅共同做法:先核心、後介面、先可用、後完美、每步有驗收,減少「做咗好多但唔知有冇好」。
報名前準備
開頭最常卡住係兩類:一係登入唔到相關服務;二係上網唔穩。請先做好下面四項,就可以快啲進入練習。
網絡同電源
除會場無線網絡外,請預先喺手機開好個人上網熱點做後備。到實體場地請坐近電源插座,以免手提電腦中途無電。
Cursor 已安裝
請先喺自己電腦安裝 Cursor,並確認用你本人帳戶可以開啟程式同登入。裝唔到或登入唔到,請最少提早一日向主辦查詢;頁底有「有問題想先問」連結。
模型/方案
請預先睇清楚你個方案開到邊啲人工智能模型、用量夠唔夠。若要貼上供應商提供嘅應用程式介面金鑰,請事先準備。
Cloudflare/Git
若你會喺當日做上線,請預先註冊 Cloudflare 同 Git 相關帳戶。唔使識得打下指令,現場會逐步教你。
完成後你會拎走乜嘢
- 一張可重複用嘅潛在客戶頁拆解清單(之後你換題目、換產品、換受眾都可直接套用)
- 本機可跑嘅第一版頁面(之後你可照最短步驟補完部署,唔會課後無從入手)
- 一套你講得出口嘅「點樣叫 AI 改、點驗收、點 rollback」流程(之後做任何細改都唔使靠估)
- 一份「最小安全檢核」清單(之後接表單、登入、上傳時可逐項對照,減少低級風險)
- 一張「30 分鐘維運節奏」卡(之後每週跟住做可用性 → 速度 → 內容/轉換,網站唔會只上線唔維護)
- 一個「成本與主權」判斷框架(之後揀工具可分清邊啲要留喺自己手、邊啲可以租)
- 清楚知道試味之後若要接表單後端、跟進 Email,可以點樣再接落去(課後延伸方向會清楚交代)
大概會點行
第一段|構思同拆需求
- 用一句講清「邊類人會留低聯絡」同「留完會得到咩」
- 將一頁潛在客戶頁拆成區塊:標題、說服段落、表單、Thank you 方向
成果:一張超細嘅頁面清單,之後可以直接餵俾 AI 跟住改。
第二段|叫 AI 寫第一版,再人手收窄範圍
- 點樣寫 prompt 先唔會一次過爆 scope
- 點樣分步驗收(版面先、互動後、表單最後)
成果:本機有一個跑得郁嘅第一版頁面。
第三段|除錯、測試、部署
- 常見錯誤點睇 log、點問 AI 先唔會愈改愈亂
- 行一次部署(deploy);講清楚等候時間同自動跳轉/重新整理嘅預期
- 加最小保護:表單防刷、人機驗證、基本權限邊界(唔追求一次做晒)
成果:一條你講得出口嘅「由改嘢到上線」路線;頁面連結可以分享俾朋友試用。
第四段|課後 14 日點延伸(避免試完就停)
- 用 4 週微調框架,先改標題/CTA/表單欄位,再睇數據
- 若你本身用 WordPress,會講清「先加 Cloudflare」定「分批搬 Astro」點揀
- 若內容多,示範點用 Markdown + Cursor 做批量更新,唔再逐頁手改
成果:你會有一份可執行嘅課後清單,而唔係得一個「體驗過」嘅印象。
適合你,如果你
- 零基礎想試 vibe coding,但唔想學完先發現嘢全部綁死喺別人平台
- 想整自己第一個真正用到嘅 Web 頁;題目偏向「收潛在客戶/報名/領取資源」而唔係內部記帳工具
- 想學點樣用 PM 思維指揮 AI(範圍、驗收、rollback)
- 想試 side project,但希望條路之後接得到你網站同名單漏斗
未必啱你,如果
- 你想主力學「手寫演算法」或傳統軟件工程面試題;呢場唔係嗰個方向
- 你只想要一個閉環平台撳掣就有,唔打算理解檔案同部署邊度
- 你預期現場一定接到付款閘道或完整 CRM;試味場會收窄範圍,避免做唔完
同「純整 App 體驗班」有咩分別
坊間有啲工作坊會用三粒鐘帶你整一個內部用嘅小 App,好玩、易宣傳。YourOwnClub 呢條線會刻意靠攏創辦人漏斗同數位主權:點樣有一頁可以收名單、點樣部署到你掌控到嘅地方、點樣之後自己改到。題目唔一定要同我哋案例一模一樣,但價值主張會跟住呢個軸心。
- 唔只教「整到出嚟」,仲教你點避免被工具月費、點數、按次計費慢慢食晒毛利
- 唔只講畫面,會講清風險優先序:先守資料同流程,再追求華麗功能
- 唔只靠靈感,會用可重覆清單(選型、驗收、維運)去減少選擇疲勞
常見疑問
我完全唔識 code,跟唔跟到?
跟到,前提係你肯跟步驟郁手,同埋接受「第一版唔完美」。你學緊係指揮同驗收,唔係背 syntax。
現場一定部署到?
會以「行到為止」為目標;若網絡或帳號問題阻住,會改做本機可演示版本,並寫低你課後跟住做嘅最短清單。
上完試味,下一步係咩?
會有後續進階路線可銜接:先以 1:1 診斷同小組加速班為主;之後累積到足夠實戰案例,先再加入影片版本。
我一定要買某個 AI 先可以參加?
唔使為今次課程額外購買其他工具;你只要準備好已安裝並可登入嘅 Cursor,同可正常使用嘅模型方案就可以。
會唔會教 Claude Code、Codex 嗰類終端 Agent?
唔會。呢場以 Cursor 內建流程示範;其他工具喺香港未必人人用到、介面亦唔同,所以唔作標準教學範圍。你私下用其他 agent 無妨,但請預咗現場步驟未必一對一對得上。
臨時去唔到可以點?
改期、退款或轉名安排,以報名確認信或活動頁最終刊載為準;有疑問可先聯絡查詢。
- 唔使等「學晒先報」。呢場就係幫你行第一轉:由拆頁到改 code、驗收、上線,唔係再囤多一個工具名。
- 第一版唔完美係正常。你拎走嘅係可重用流程同清單;就算當日部署受阻,都會有本機可跑版本同課後最短步驟。
- 仍有疑問,可以先問再決定。唔使硬報名;留位前想確認帳號、方案或題目方向,用下面「有問題想先問」就得。