AAA · Vibe Coding · React Native
用 Cursor／任何 AI 工具Vibe Coding一套 React Native，做出 iOS + Android 可跑 App
中文講需求 · AI 改 code · Expo 起專案 · 實機見到成果 · 再學上架。
一次過 HK$688唔使學 Swift + KotlinMac 或 Windows
AI 訂閱、Apple / Google 帳號另計。
AI agent · Composer
你加一個「今日習慣」列表：每個習慣有 emoji、名稱、連續日數，撳一下打卡。用我哋嘅 design tokens。
Agent改咗 3 個檔：
HabitList.tsx、useHabits.ts、theme.ts。喺 Expo Go 重新載入就見到。3 files+42 −6Accept all
app/components/HabitList.tsx
export function HabitList() {
- return <Text>TODO</Text>
+ const [habits, setHabits] = useHabits()
+ return (
+ <FlatList data={habits} renderItem={HabitRow} />
+ )
}
9:41
今日習慣
iOS · 同一套 React Native 碼
飲 2L 水🔥 12 日
讀 20 頁🔥 5 日
行 8,000 步今日未做
冥想 10 分鐘今日未做
+ 新習慣
09:41
今日習慣
Android · 同一套 React Native 碼
飲 2L 水🔥 12 日
讀 20 頁🔥 5 日
行 8,000 步今日未做
冥想 10 分鐘今日未做
+ 新習慣
- Applied AI Academy香港 AI 應用教學
- Cursor 主示範其他 AI 工具都跟到
- React Native + Expo一套碼 · 兩個平台
- 實機可跑先算數唔係網頁原型
你係咪都係咁？
有 App 點子，但一諗到要學兩套原生就放低咗
而家
做完 6 個模組
Swift
UIKitKotlin
Compose
×2 學習曲線UIKitKotlin
Compose
而家
以為要分別學 iOS + Android
React Native · 1 repo
→ iOS→ Android
做完 6 個模組
React Native 一套碼，兩端都跑
「幫我整個 app」→ AI 亂估 · 冇得驗收
而家
唔知點同 AI 講需求
Brief
畫面：習慣列表
驗收：打卡後連續日數 +1
唔准：改 theme.ts
做完 6 個模組
Brief AI → 可驗收畫面
~/my-app $_0 files
而家
空白 repo 好驚
Hello, iPhone!Expo Go · 當日
做完 6 個模組
Expo template → 第一個 screen 當日見
localhost:3000
而家
只出到網頁原型
做完 6 個模組
App 裝到自己部機
證書？簽章？
截圖？被拒？
截圖？被拒？
而家
怕上架
EAS BuildTestFlightPlay 內測Listing 避雷
做完 6 個模組
EAS／TestFlight／Play 內測地圖
AI + RN 出貨 OS
一句 promise
「用 Cursor（或任何 AI 工具）Vibe Coding — React Native 一套碼，做出可跑嘅 iOS + Android App。」
6 個模組帶走 AI + RN 出貨 OS：brief → UI → features → 雙端實機 → build → 送審。Cursor 示範，方法通用。
工具誠實講
主示範 Cursor，但唔鎖死一個 logo
主示範 Cursor；用 Claude Code／Codex／Windsurf 都跟到。教方法，唔鎖工具。
AI coding tools · 揀一個
Cursor主示範- Claude Code終端 agent
- CodexOpenAI agent
- WindsurfAI IDE
- ContinueVS Code
App stack · 固定
React Native一套碼
Expo起專案- EAS Build出 build
- TestFlight / Play內測
需要：電腦（Mac 或 Windows）、Node、手機或模擬器。
6 個里程碑
由空白 repo 到雙端實機可跑
每個模組 30–45 分鐘 + lab，每步都喺你部機見到。
- 01心法 + 選工具你係老闆
- 02Expo 起跑第一個畫面
- 03AI 做功能列表 · 表單 · 儲存
- 04UI 質感能用 → 好看
- 05雙端實機iOS + Android
- 06Build + 上架可送審
- 🏁雙端實機可跑
課程大綱
6 個模組，每個都有畫面見到
每個模組完結，你部機上面多一樣嘢。
- Module 01
Vibe Coding 心法 + 選工具
你係老闆，AI 係工程師
- Brief／驗收／防幻覺
- Cursor vs 其他工具點揀，prompt 點搬
帶走：Brief + 驗收 template
同一個 brief「加習慣列表 · 打卡後連續日數 +1 · 唔准改 theme.ts · 完成後截圖畀我驗收」Cursor主示範驗收 ✓Claude Code同樣做到驗收 ✓Codex同樣做到驗收 ✓ - Module 02
Expo + React Native 起跑
空白到第一個畫面
- 裝 Node／Expo，起專案
- Expo Go 掃 QR，部機即刻見到
帶走：Expo + RN 專案骨架
Terminal · npx expo start$npx create-expo-app my-app✔ Created my-app in 8s$cd my-app && npx expo start› Metro waiting on exp://192.168.1.12:8081› Scan the QR code with Expo Go› Press i │ open iOS simulator · a │ AndroidExpo Go 掃 QR
部機即刻見到
Expo Go · 第一個畫面 - Module 03
用 Cursor／AI 做出真實功能
列表、表單、儲存、API
- 一句需求 → agent 改多個檔
- 你驗收：跑、撳、對照 brief
帶走：有真實功能嘅 App
AI agent · Composer你加一個「今日習慣」列表：每個習慣有 emoji、名稱、連續日數，撳一下打卡。用我哋嘅 design tokens。Agent改咗 3 個檔：HabitList.tsx、useHabits.ts、theme.ts。喺 Expo Go 重新載入就見到。3 files+42 −6Accept all驗收：撳一下 +19:41今日習慣iOS · 同一套 React Native 碼飲 2L 水🔥 12 日讀 20 頁🔥 5 日行 8,000 步今日未做冥想 10 分鐘今日未做+ 新習慣 - Module 04
UI 質感（AI 做設計）
能用 → 好看
- 設計系統：顏色、字級、spacing
- 暗坑：safe area、字太細、按鈕太貼
帶走：Polish checklist + 設計 prompt
能用9:41今日習慣飲 2L 水🔥 12 日讀 20 頁🔥 5 日行 8,000 步今日未做冥想 10 分鐘今日未做+ 新習慣好看9:41今日習慣iOS · 同一套 React Native 碼飲 2L 水🔥 12 日讀 20 頁🔥 5 日行 8,000 步今日未做冥想 10 分鐘今日未做+ 新習慣 - Module 05
雙端實機：iOS + Android
真機見到先算數
- 模擬器／實體機 + AI debug loop
- Windows：Android 為主，iOS 有路
帶走：雙端實機 checklist
iOS9:41今日習慣iOS · 同一套 React Native 碼飲 2L 水🔥 12 日讀 20 頁🔥 5 日行 8,000 步今日未做冥想 10 分鐘今日未做+ 新習慣Android09:41今日習慣Android · 同一套 React Native 碼飲 2L 水🔥 12 日讀 20 頁🔥 5 日行 8,000 步今日未做冥想 10 分鐘今日未做+ 新習慣
真機見到先算數 - Module 06
Build + 上架路徑
由「我跑到」到「可送審」
- EAS Build → TestFlight / Play 內測
- Listing 避雷；唔保證過審
帶走：Build + 送審下一步清單
EAS Build · builds- iOS · 1.0.3 (12)✓ Finished→ TestFlight
- ▲Android · 1.0.3 (12)✓ Finished→ Play 內測
- iOS · 1.0.2 (11)✕ Failed→ Provisioning profile
商店 listing · 草稿習慣追蹤 · Habit Loop每日打卡、連續日數、提醒截圖 ×5 ✓私隱政策 ✓年齡分級 ✓測試帳號 ⚠
送審 → 上架
Mac 定 Windows？
兩邊都跟到，誠實講分別
MaciOS + Android
- iOS + Android 模擬器都順
- Xcode 只為 iOS 模擬器／簽章
- 同一個 RN repo
WindowsAndroid 主 · iOS 有路
- Android 模擬器／實機為主
- iOS：Expo Go／雲端 Mac／夥伴機測
- 同一個 RN repo
北極星：你嘅點子至少一端實機可跑，仲有 build／送審清單。
你可以做嘅 App
三個例子，全部 RN 一套碼
9:41
雪櫃有咩
iOS · 同一套 React Native 碼
雞蛋 × 63 日內用
菜心今日
雞髀 × 22 日內用
隔夜飯今日
✨ AI 建議今晚煮咩
09:41
雪櫃有咩
Android · 同一套 React Native 碼
雞蛋 × 63 日內用
菜心今日
雞髀 × 22 日內用
隔夜飯今日
✨ AI 建議今晚煮咩
AI 食材／冰箱食譜
影相／輸入食材 → 今晚煮咩
9:41
今日習慣
iOS · 同一套 React Native 碼
飲 2L 水🔥 12 日
讀 20 頁🔥 5 日
行 8,000 步今日未做
冥想 10 分鐘今日未做
+ 新習慣
09:41
今日習慣
Android · 同一套 React Native 碼
飲 2L 水🔥 12 日
讀 20 頁🔥 5 日
行 8,000 步今日未做
冥想 10 分鐘今日未做
+ 新習慣
習慣追蹤
每日打卡、連續日數、提醒
9:41
9 月收支
iOS · 同一套 React Native 碼
Freelance 設計+HK$6,800
客戶會議車費-HK$142
Cowork 咖啡-HK$48
Figma 訂閱-HK$118
匯出月結 CSV
09:41
9 月收支
Android · 同一套 React Native 碼
Freelance 設計+HK$6,800
客戶會議車費-HK$142
Cowork 咖啡-HK$48
Figma 訂閱-HK$118
匯出月結 CSV
副業／報銷記帳
收支、分類、月結匯出
你係老闆，AI 係工程師。
適合邊個
呢個課程係為你而設
- 有 App 點子，非工程師
- 想一套碼打兩個平台
- 肯裝 Node、模擬器，肯驗收
呢個課程唔啱你
- 要純原生 Swift／Kotlin
- 冇電腦，只想用手機學
- 只想睇 demo
導師
Applied AI Academy 導師團隊
香港 AI 應用教學 · 企業、學校、線下 workshop
「你係老闆，AI 係工程師。我哋教你點 brief、點驗收、點出貨。」
- 線下 workshop、企業及學校培訓
- 用真實 App 點子示範，唔係 todo demo
AI agent · Composer
你加一個「今日習慣」列表：每個習慣有 emoji、名稱、連續日數，撳一下打卡。用我哋嘅 design tokens。
Agent改咗 3 個檔：
HabitList.tsx、useHabits.ts、theme.ts。喺 Expo Go 重新載入就見到。3 files+42 −6Accept all
app/components/HabitList.tsx
export function HabitList() {
- return <Text>TODO</Text>
+ const [habits, setHabits] = useHabits()
+ return (
+ <FlatList data={habits} renderItem={HabitRow} />
+ )
}
4:05
課堂預覽
模組 03 · 一句需求，Cursor agent 改三個檔
由一句需求到部機見到畫面，中間你要驗收啲咩。
（預覽片段稍後上載）
你會得到
一套出貨 OS，唔係一堆片
- 6 個模組 · Cursor 主示範約 3–4 小時 + labs
- Prompt／brief／驗收 templates可搬去任何 AI 工具
- Expo + RN 專案骨架資料夾地圖 + 起步 prompt
- 雙端實機 checklistMac / Windows 兩條路
- EAS／商店路徑 + 避雷TestFlight / Play 內測
- UI polish checklist能用 → 好看
常見問題
報名前想知嘅
一定要買 Cursor？
唔一定。方法通用，Claude Code、Codex、Windsurf 都跟到。
一定要識 JavaScript？
唔使精通。肯裝環境、肯睇 AI 改咗邊、肯驗收就得。
同「雙原生 iOS + Android」課有咩分別？
呢科一套碼兩端跑，更快；要深入原生另見另一科。
Windows 做唔做到 iOS？
Android 為主；iOS 用 Expo Go 實機、雲端 Mac 或夥伴機測。
保證上架？
唔保證。保證可跑，同埋有 build、內測、listing 嘅路徑。
Expo 收費？
Expo 免費；EAS Build 有免費檔，課程講清邊步夠用。
退款政策？
內容同描述不符，7 日內 WhatsApp 我哋全額退款。
做出你第一個 iOS + Android App
HK$6886 modulesCursor / 任何 AI 工具React Native + Expo
唔保證商店過審；保證可跑 + 有路徑。