線下早鳥名額 8 席,額滿為止→
Claude 全工具實戰工作坊
一天做出你第一個有真實 URL 的 AI 產品。Claude Code 寫程式、Codex 批次生成、Vercel 部署上線——講師全程帶跑,下午五點前你的作品在網路上。
Powered byClaude ChatClaude DesignHyperframesClaude CodeCodex
● DEPLOYED · LIVE
你的個人專案
IMG 4:3
IMG 4:3
ReactTailwindVercelClaude
A Day in the Workshop從 一張白紙,
從 一張白紙,
到 公開 URL
每一個輸出,都是下一個的輸入——一條跑得通的工作流。
INPUT
一張白紙
09:30 進場
THINK
C
PRD
Claude Chat
↳ 需求文件
DESIGN
D
原型
Claude Design · Hyper
↳ 互動設計稿
BUILD
⌘
程式
Claude Code · Codex
↳ 可運行程式
SHIP
▲
部署
Vercel
↳ 公開連結
OUTPUT · 17:00
公開 URL
your.vercel.app
為什麼是這堂課你已經卡很久了——
你已經卡很久了——
因為沒人帶你跑一遍
01
想做產品,但不會寫程式
看過一堆 AI 教學,還是不知道怎麼把「想法」變成可以打開的網站或 App。
02
Claude Code、Codex 聽過,但不會用
知道工具強大,但開啟之後不知道怎麼下指令,每次都跑出不是你要的東西。
03
做完一直停留在你的電腦裡,沒辦法展示
Demo 影片、設計稿、原型一堆,但沒有公開 URL 可以丟給朋友、客戶、雇主看。
04
想學整套工作流,不要再拼湊零散教學
YouTube 看一段、Twitter 看一段、Notion 抄一段,永遠拼不出能跑的完整流程。
學完你能做到一天結束,你帶走
一天結束,你帶走
5 個能力
01 —
用 Claude Chat 做需求釐清與任務拆解,產出可直接交給 AI 執行的 PRD(需求文件)
02 —
用 Claude Design + Hyperframes 在對話中生成互動原型與動態設計稿,不需要學任何設計工具
03 —
用 Claude Code 完成可運行的程式:設定 CLAUDE.md、plan mode 拆解任務、subagent 並行執行
04 —
學會 Claude Code + Codex 切換判斷:即時對話開發 vs 有 GitHub repo 的批次任務,知道何時用哪個
05 —
把成品部署到 Vercel,課程結束前帶走一個有公開 URL 的真實個人專案
The Stack · 工具地圖從想法到上線,
從想法到上線,
缺一不可的最小組合
這 6 個工具不是隨便挑的——它們是「從想法到上線」缺一不可的最小組合。課程帶你跑一遍真實工作流。
C
想 · Think
Claude Chat
需求釐清、PRD 產出、把模糊想法變成可執行的任務清單。
D
設計 · Design
Claude Design
對話生成 wireframe、互動原型、UI 設計稿,不需要學 Figma。
H
設計 · Design
Hyperframes
動態標題卡、轉場素材、可嵌入網頁的程式化動畫。
⌘
寫 · Build
Claude Code
即時對話開發:你說需求,它寫程式並執行,邊想邊做。
X
寫 · Build
Codex
連 GitHub repo、批次非同步任務,適合大量生成或修改。
▲
上線 · Ship
Vercel
一鍵部署,5 分鐘拿到公開 URL,可分享、可展示、可收藏。
K
收尾 · Wrap
Claude Cowork
收尾:把今天的工作流整理成可重複使用的 SOP,下次直接複用。
決策框架
你的任務長什麼樣?
START你的任務長什麼樣?
A想邊想邊做,立刻看到結果
⌘
Claude Code
即時對話開發
B有 GitHub repo,一批任務要批次跑
X
Codex
非同步批次任務
適合 / 不適合這一天適合誰,
這一天適合誰,
也誠實說不適合誰
✓適合你,如果……
- ✓想做出個人作品集、Landing page、小工具、Side project 的創作者或上班族
- ✓PM、行銷人、設計師,想脫離「卡工程師排程」的窘境
- ✓已會基本 Claude Chat,想升級到 Claude Code / Codex 做出真實成品
- ✓願意花一天,當天帶走一個有公開 URL 的真實產品
×可能不適合你,如果……
- —希望課程提供現成模板讓你「填空」就好——這堂課要你自己決定要做什麼
- —不願意先訂閱 Claude Pro(NT$650/月),希望免費跑完整堂課
- —找的是純 Prompt 技巧課——這堂課重點在「用 AI 跑出可運行的程式與部署」
和市面上的差別為什麼這堂課
為什麼這堂課
不只是另一個 AI 工作坊
Claude 全工具實戰工作坊
市面上 AI 工作坊
當天產出
有公開 URL 的真實專案(Vercel 部署完成)
PDF 講義 + Prompt 模板,沒有真實上線的東西
工具深度
Claude Code + Codex + Vercel + Hyperframes,全程實操
Claude Chat / ChatGPT 對話技巧,停在「會問問題」階段
講師背景
自己每天用這套工作流做案子,教的是手上正在跑的流程
整理自官方文件的講師,課程內容你自己看 YouTube 也學得到
課後支援
30 天 LINE 群組 + 半年內免費回訓
課程結束就結束
班級規模
限額 16 人,助教協助到當天每人都跑出成品
30–50 人大班,跟不上就跟不上
講師
教的是手上正在跑的工作流
INSTRUCTOR · 柯華
「我自己每天用 Claude Code、Codex、Vercel 做東西——這堂課教的就是我手上正在跑的工作流,不是整理自官方文件的知識。」
柯華AI 應用顧問 · 全端開發者
- ✓Claude Code、Codex、Cowork 實戰開發者
- ✓Vercel、Cloudflare Workers 全端部署
- ✓Hyperframes、Claude Design 實作者
- ✓多個有公開 URL 的真實專案
報名加贈課程結束
課程結束
才是支援的開始
BONUS 01
30 天 LINE 學員群
AI 助理 24 小時回覆,複雜問題講師每週統一處理。
BONUS 02
工作流 Prompt 模板
把當天用的所有 Prompt 整理成可重複使用的模板包,帶回去複製。
BONUS 03
半年內免費回訓
工具更新得快,半年內可免費回訓一次,跟上最新版本。
常見問題
還在猶豫什麼?
沒有程式背景,可以來嗎?+
可以,而且這堂課就是為你設計的。Claude Code 的核心是「用說的讓 AI 寫程式」——你描述你要什麼,它寫程式、執行、輸出結果。你不需要看懂任何一行程式碼,只需要能說清楚你要什麼。課程中講師會帶你建立判斷:什麼時候看輸出、什麼時候讓 AI 繼續跑。
Hyperframes 是什麼?需要先學嗎?+
Hyperframes 是透過 Claude Code 使用的動態設計框架,可以做動態標題卡、轉場素材、可嵌入網頁的動畫。課程從零帶你上手,不需要任何前置知識,你只需要描述你要的視覺效果。
Codex 和 Claude Code 哪個比較好用?+
用途不同,不是好不好用的問題。Claude Code 適合「即時對話開發」——你說需求、它立刻執行、你看到結果再調整,邊想邊做。Codex 適合「有 GitHub repo 的批次任務」——給它一批工作、非同步跑完、你驗收結果,適合已有程式庫要大量生成或修改的場景。這堂課下午一兩個都跑一遍,當場感受差異,你會知道自己的工作場景要用哪個。
當天要做的個人專案是什麼?+
自己選。Landing page、個人作品集、小工具、LINE Bot、資料整理頁面……任何你一直想做但沒動手的東西都可以。不知道做什麼的人,現場講師會幫你在 10 分鐘內找到一個當天能跑出 MVP 的題目。
需要先訂閱 Claude Pro 嗎?+
需要。Claude Code、Claude Design 都需要 Claude Pro 帳號(約 NT$650/月)。建議報名後先開通,課程當天直接使用。如果你想在課前熟悉,訂一個月就夠。
需要自備哪些東西?+
筆電(Mac / Windows 皆可,建議 16GB RAM 以上)、Claude Pro 帳號、GitHub 帳號、Vercel 帳號(免費方案即可)。現場提供 Wi-Fi 與午餐。課前一週會寄送環境確認清單。
一天 7 小時真的能做出成品嗎?+
每個模組的產出環環相扣(PRD → 設計稿 → 程式 → 部署),不會有空轉。課程設計確保每位學員在下午五點前取得可分享的 URL——這是這堂課的硬指標,不是口號。
課後還可以問問題嗎?+
可以。學員加入課後專屬 LINE 群組,30 天 AI 助理 24 小時回覆,複雜問題講師每週統一回覆。另享半年內免費回訓一次。
Reserve · 登記早鳥留個聯絡方式,
留個聯絡方式,
下一梯優先通知
早鳥優惠 NT$7,800(原價 NT$9,800),名額釋出第一時間通知你。不會有垃圾訊息。
- 早鳥名額 8 席,額滿為止
- 做不到全額退費
- 30 天 LINE 學員群