← → 翻页 · ESC 索引
生成式 AI 職訓實務應用班 140hr · 弄一下工作室
D17 / 20
Day 17 · Part 7 開場 · CH7-1 + CH7-2

MVP Kickoff

從「想做什麼」到「明天就能動工」的第一公里

Part 7 是 140 小時的最後衝刺。今天不寫一行程式,
但結束時你會有:一個專題題目、一張 I/O 架構圖、六層架構決策表、可動工的 v1 System Prompt。

Vol.17·選題 · MVP 拆解 · 六層架構 · 動手前待決清單·2026
Duration · 5-6 小時授課 · D17 / 20 · Part 7 開場
本日為 Part 7 · 專題衝刺與成果發表 的開場
— D17 / 20 —
The Premise · 為什麼今天不能寫程式
02 / 30
Day 17 · 核心主張
好的專題不是功能最多的, 是邊界最清晰的。

80% 的學員專題卡關,不是因為技術不夠,
是因為「想做什麼」沒想清楚,前面 16 天的工具就用不上來。

— D17 開場主張·邊界 = 動工前的第一道功夫
Page 02 · The Premise
— · —
D17 · Learning Outcomes
03 / 30 講義 · CH7-1
OUTCOMES · 今天結束你會有

四份具體交付物

不是「想清楚了」,而是「明天打開就能照著動工」。

Outcome 01
一句話
專題說明
「給___的工具,讓他們不需要___就能___」格式,秒懂版本。
Outcome 02
MVP
「做 / 不做」清單
核心 ≤5 項 + 先不做 N 項(每項附理由),開發中不被「順便」拉走。
Outcome 03
六層架構
決策表
前端 / 後端 / AI / 資料 / 部署 / 安全,每層一個具體決定 + 動手前待決清單。

Outcome 04 · v1 System Prompt + 三參數設定(model / temperature / output_format),下課前已可貼進 Claude API 跑測試。

Page 03 · 學習目標 · 5-6 hours
2 Acts · D17
Part 7 · 專題衝刺與成果發表
Big Picture · 04 / 30
Part 7 · 全景 · D17 → D20

想法上線

4 章節 · 5 場演練 · 4 天衝刺 · 一份能交付的成果

D17(今天)選題與架構 → D18 開發與部署 → D19 測試與驗收 → D20 Demo 與畢業。
你今天決定的事,會貫穿後面三天。所以——慢一點、想清楚、值得。

Part 7 開場
— 4 days to ship —
Map · Part 7 四日衝刺路徑
05 / 30 講義 · Part 7
The Path · 四日節奏

每天一個明確產出

D17 · 今天
CH7-1 + CH7-2
選題與 MVP 拆解 · 六層架構 Checklist · v1 System Prompt
D18 · 明天
CH7-3 + CH7-4 + PRAC7-1~3
開發實作 · 測試驗收 · 部署上線(單頁工具骨架成形)
D19
PRAC7-4 + 使用者測試
找 3 個朋友試用、紀錄三類洞察、優化迭代(V2 上線)
D20
PRAC7-5 + 畢業 Demo
5 分鐘 Demo · 課程回顧 · 接續學習地圖 · 結業
節奏的剛性:每天一個產出、產出進度卡關 = 找助教 / 同學配對。不要把自學時間留到最後一天才補。
Page 05 · The Path
D17 → D20
第一幕 · 選題與 MVP 拆解
Act I · 06 / 30
Act I · CH7-1 · 約 2.5 小時

定義邊界

先決定「不做什麼」,剩下的就清楚了

三問定義專題 → MVP 拆解 → 六個方向 → I/O/AI 三方塊架構。
下課前你會把專題定義鎖死,並能用一句話講給不懂技術的朋友秒懂。

Act I 開幕
— CH7-1 · 4 sections —
Define · 三問定義專題
07 / 30 講義 · CH7-1
Section 1 · 不要從「功能」開始

使用者 · 問題 · 場景

功能是解決方案、不是問題本身。先想清楚這三件事,功能自然會浮現。

Q1 · 使用者是誰
這個工具給誰用?
越具體越好。「給我自己用」是合法答案。「給所有人用」通常是失焦的前兆。
Q2 · 解決什麼問題
他們現在怎麼解決?
如果現在的方式已經夠好,這個工具就沒必要。痛點在哪、現有方案的缺口是什麼。
Q3 · 什麼場景使用
他們在哪個情境打開?
場景決定設計:手機快查 vs 桌面慢編?自用 vs 給別人看?
Page 07 · Define
Act I · §1
One-Liner · 一句話專題說明
08 / 30 講義 · CH7-1
The Template · 寫得出來才算想清楚

給朋友看,秒懂為止

範本
「這是一個給使用者的工具,
讓他們不需要現在的痛苦做法
就能達成目標。」
✓ 好版本

「這是一個給轉職工程師的工具,讓他們不需要手動比對職缺關鍵字 40 分鐘,就能拿到針對該職缺的三段履歷改寫。」

✗ 失焦版本

「我想做一個 AI 工具,可以幫使用者處理各種文件、生成內容、提升效率。」
使用者是誰?什麼文件?什麼效率?——三問都沒答到。

Page 08 · One-Liner
Act I · §1
MVP · 做 vs 不做的邊界
09 / 30 講義 · CH7-1
Section 2 · 最小可行不是最爛版本

核心做 ≤5 項,其他先不做

MVP 核心做(≤5 項)

少了它,核心價值就跑不通

  • 接收使用者輸入(沒輸入沒工具)
  • AI 處理並輸出結果(核心價值所在)
  • 基本錯誤提示(簡單版即可)
  • 輸出顯示在頁面上(看得到才有用)
先不做(每項附理由)

「先不做」≠ 永遠不做

  • 複製按鈕(非核心 · 使用者可手動複製)
  • 歷史記錄(太複雜 · 需資料庫)
  • 登入帳號(非核心 · MVP 不需註冊)
  • 多語言(以後再說 · 先鎖一種)
  • PDF 匯出(非核心 · 之後加)
寫下來的目的:讓你開發中被「順便做一下」拉走時,回來看清單就能拒絕。每個「順便」都是時間成本。
Page 09 · MVP Cut
Act I · §2
The Trap · 順便陷阱
10 / 30 講義 · CH7-1
Anti-Pattern · 為什麼學員專題卡關

每天都會跟你說的四句話

「順便加一下」
每加一個非核心功能,核心測試與部署都要重跑——順便 = 倍數成本。
「以後再優化」
沒有 MVP 之前的優化都是猜——先讓核心跑通,優化點才會浮現。
「應該會有人想要」
你不確定有沒有人要,就不要做——MVP 是「最少功能驗證有沒有人要」。
「Demo 那天會比較好看」
Demo 看的是「核心價值講不講得通」,不是功能多寡——花俏但核心糊的,扣分最重。
一句話自我檢查:「拿掉這個功能,使用者還能完成核心任務嗎?」可以 → 先不做。
Page 10 · The Trap
Act I · §2
Directions · 六個可選方向
11 / 30 講義 · CH7-1
Section 3 · 沒靈感?從這六個切

都是「輸入 → AI → 輸出」結構

每個都在 Part 1~6 已學的技術範圍內可以完成,挑一個能對應你工作情境的。

AI 文案助手
輸入:品牌 + 訴求 + 目標客群 → 輸出:3-5 個風格文案。技術:multi-shot + temperature。
AI 摘要整理器
輸入:長文 / 逐字稿 → 輸出:重點 + 行動項目。技術:長 context + 結構化輸出。
AI 履歷優化工具
輸入:職缺 + 個人經歷 → 輸出:針對職缺的履歷段落。技術:角色扮演 + 格式化。
AI 課程企劃助手
輸入:主題 + 學員 + 時數 → 輸出:結構化課程大綱。技術:System Prompt + 階層輸出。
AI 旅遊行程規劃
輸入:目的地 + 天數 + 偏好 → 輸出:每日行程 + 注意事項。技術:條件式 + Streaming。
★ 自選方向
符合「使用者明確 + 輸入清楚 + 輸出有用」即可——最能反映你的工作場景與動力。
Page 11 · Directions
Act I · §3
I/O/AI · 三方塊架構
12 / 30 講義 · CH7-1
Section 4 · 後續所有開發決策的基礎

輸入 → AI 處理 → 輸出

輸入

使用者輸入什麼

  • 幾個欄位?
  • 文字 / 上傳 / 選擇?
  • 必填 vs 選填?
  • 驗證規則?
AI 處理

用什麼模型 + 設定

  • 模型:Haiku / Sonnet?
  • System Prompt 角色?
  • temperature 數值?
  • 需要 RAG / Tools?
輸出

輸出什麼格式

  • 純文字 / Markdown / JSON?
  • 幾個版本?
  • 需後製格式化?
  • 怎麼呈現?
畫圖工具不限:紙筆 / Figma / 白板都可以。重點是三個方塊都填具體內容,不要「視需求而定」。
Page 12 · I/O/AI
Act I · §4
The Golden Question · 黃金問題
13 / 30 講義 · CH7-1
Before You Build · 動工前必答
你的工具在什麼情況下 會輸出錯誤或無用的結果?

現在就想好,比上線後遇到再修划算十倍。
這個問題的答案,會直接指引明天 D18 的測試案例設計。

— D17 · CH7-1 結語·失敗模式 = 設計輸入
Page 13 · The Golden Question
Act I · §4
Practice · CH7-1 動手時段
Hands-on · 14 / 30 講義 · CH7-1
Hands-On · CH7-1 兩個迷你練習 · 約 35 分鐘

動手把 Outcome 1+2做出來

迷你練習 1 · 約 15 分鐘

MVP 「做 / 不做」清單

  1. 5 分鐘腦力激盪:列出「時間無限我想做的全部功能」(10+ 項)
  2. 對每項問:「沒有它核心還跑得通嗎?」跑得通 → 劃進「先不做」
  3. 核心 >5 項 → 再砍一輪
  4. 「先不做」每項旁寫一句理由
產出:兩欄式清單,存進專題筆記,開發途中動搖就回來看。
迷你練習 2 · 約 20 分鐘

「I/O/AI」三方塊架構圖

  1. 畫三個方塊用箭頭連起來
  2. 「輸入」填:欄位數 / 元件 / 必填 / 驗證
  3. 「AI 處理」填:模型 / System Prompt / temperature / RAG
  4. 「輸出」填:格式 / 版本數 / 後製
產出:I/O/AI 架構圖 + 一句話專題說明(給朋友看秒懂)。

小組規則:每完成一個練習,找隔壁同學交換看 30 秒——他講不出你的核心,就回去再砍。

Page 14 · Hands-on Block 1
Act I · 動手 35 min
Bridge · CH7-1 收束 → CH7-2 過渡
15 / 30 講義 · CH7-1
Recap · 上半場做到了

你手上現在有兩份東西

① 一句話專題說明
「給___的工具,讓他們不需要___就能___」——拿給朋友看秒懂的版本。
② I/O/AI 架構圖
三個方塊都填了具體內容 + MVP 做 / 不做清單。
③ 黃金問題的答案
知道你的工具在「什麼情況」下會出錯——這是明天測試案例的種子。
下半場 CH7-2:把 I/O/AI 三方塊變成可以動工的六層架構——前端 / 後端 / AI / 資料 / 部署 / 安全,每層一個具體決定。
Page 15 · Bridge
CH7-1 → CH7-2
第二幕 · 架構設計 Checklist
Act II · 16 / 30
Act II · CH7-2 · 約 2.5 小時

動工前的六道功夫

每少問一個問題,後面就多一個意外

六層架構 Checklist → 後端決策樹 → 安全四件事 → AI 三參數設定。
下課前你會有一份 v1 System Prompt + 三參數 + 動手前待決清單,明天 D18 直接開工。

Act II 開幕
— CH7-2 · 4 sections —
Six Layers · 六層架構 Checklist
17 / 30 講義 · CH7-2
Section 1 · 動手前必過六關

跳過任何一層都可能中途返工

① 前端
頁面幾個 / 輸入元件 / 輸出呈現 / Loading 狀態(Streaming 還是 spinner)
② 後端
需不需要?做什麼(代理 API / 資料處理 / RAG)/ Express / Vercel Functions / Render
③ AI
哪個模型 / System Prompt 角色 / temperature 數值 / 輸出格式
④ 資料
需要 RAG 嗎 / 需要工具呼叫嗎 / 需要儲存歷史嗎(多數 MVP 不需要)
⑤ 部署
靜態 → Vercel / Netlify |含後端 → Render / Railway |環境變數 / 自訂網域
⑥ 安全
API Key 放後端 / 輸入驗證 / 設每日使用上限(防費用爆炸)
Page 17 · Six Layers
Act II · §1
Decision · 需不需要後端
18 / 30 講義 · CH7-2
Section 2 · 最常卡關的一題

三問決定需不需要後端

需要後端 · 任一條成立就要
  • 要保護 API Key不暴露給前端 → Vercel Functions / Express 代理
  • 要處理資料庫 / RAG / 重型運算 → 前端不適合做
  • 要接收檔案上傳並在伺服器端處理 → 需要 multipart/form-data
不需要後端 · 三條都不成立
  • 內部 / 個人用工具,可前端直呼 API(但 Key 不能推上 GitHub)
  • 純文字輸入輸出,沒有資料庫或檔案上傳
  • 靜態部署 + Vercel Functions 通常已足夠
MVP 建議:從靜態開始,需要再加後端。很多人一開始假設要後端,結果時間都花在基礎設施上、核心反而做不完。
Page 18 · Backend Decision
Act II · §2
Security · 動工前必確認的四件事
19 / 30 講義 · CH7-2
Section 3 · Day 1 就要做對

沒做這四件事,上線當天就出事

① API Key 絕不放前端
不管多急,Key 都不能出現在前端 JS。一旦推上 GitHub 或被 DevTools 看到,馬上刪除也可能已被爬蟲抓走。用 .env 放後端 + .gitignore 擋掉。
② 輸入驗證在送 API 之前
空值 / 超長輸入(建議 5000 字以下)/ 特殊字元都要在送 API 前處理——避免惡意輸入也避免 token 超出上限。
③ 設 API 使用量上限
Anthropic / OpenAI 後台設每月預算上限 + 程式碼設 max_tokens(不是越大越好)。一夜爆掉幾千美元的故事每年都有。
④ System Prompt 邊界設定
正向定義「只做什麼」比負向「不做什麼」有效——模型更容易遵守,也擋住「教 AI 寫詩」這類偏題。
Page 19 · Security
Act II · §3
AI Setup · 三個參數鎖定起點
20 / 30 講義 · CH7-2
Section 4 · 不要等「完美再設定」

三參數先給一個合理起點

Step 1 · 模型

先用 Haiku

最快、最便宜、適合迭代。輸出品質不夠時才換 Sonnet——換前先檢查是 Prompt 問題還是模型問題。

Step 2 · Temperature

看任務類型

創意(文案):0.7-1.0
分析(摘要):0.1-0.3
結構化(JSON):0 或 0.1
不確定 → 先 0.5

Step 3 · 輸出格式

越具體越好

純文字 / Markdown / JSON 三選一。要 JSON 就在 System Prompt 寫明 Schema,不要寄望模型自己猜。

不穩定怎麼辦:80% 情況改 Prompt 就解了,最後才考慮換模型或調溫度——順序錯了會花冤枉錢。
Page 20 · 3 Params · 按 → 推進
Act II · §4
Model Choice · 起點 + 升級時機
21 / 30 講義 · CH7-2
Why Haiku First · 為什麼從 Haiku 開始

能用 Haiku就不要用 Sonnet

Haiku
$0.25 / 1M token in
所有專題的開發起點。摘要 / 分類 / 改寫 / 結構化輸出 → 通常已經夠好。
Sonnet
$3 / 1M token in
Haiku 試過 Prompt 已優化但品質不夠 → 才換。複雜推理 / 長文理解 / 多步驟任務。
Opus
$15 / 1M token in
研究 / Demo / 不計成本場景。140hr 學員專題 95% 用不到——MVP 階段不要碰。
升級三檢查:① Prompt 是否已試過 3 個版本 ② 是否確認問題不在輸入長度 ③ 換 Sonnet 後輸出是否有「肉眼可見」的差別——沒有就回去用 Haiku。
Page 21 · Model Choice
Act II · §4
System Prompt · 正向定義邊界
22 / 30 講義 · CH7-2
The Pattern · 角色 + 只做什麼 + 格式 + 邊界

「只做什麼」比「不做什麼」有效

你是履歷改寫專員,只做一件事:
根據職缺說明,把使用者的履歷段落改寫成三段,
每段對應職缺中最相關的一個需求。

# 段落格式
- 動詞開頭(執行 / 主導 / 優化 / 整合 / 縮短)
- 60-120 字(不可超過)
- 繁體中文台灣用語

# 邊界
- 不可編造使用者沒寫過的經歷
- 不可加入虛構數字或百分比
- 不可改變職稱、公司名、時間點

# 偏題處理
若使用者輸入跟「履歷改寫」無關(例如要求寫詩、查資料、聊天),
回應一句「我只做履歷改寫,請貼上履歷與職缺說明」。

四要素:① 角色(履歷改寫專員)② 只做什麼(核心任務 + 數量)③ 輸出格式(具體規則)④ 偏題處理(防鑽漏洞)。

Page 22 · System Prompt
Act II · §4
Deploy · 部署平台對照
23 / 30 講義 · CH7-2
Pick One · 別猶豫 · 一個首選 + 一個備案

四個方案,對應你的架構

Vercel
靜態 + Functions
★ 首選。免費方案夠用、含 Functions 可代理 API、環境變數好設、自訂網域簡單。
Netlify
靜態 + Functions
備案。功能類似 Vercel,介面與額度略不同,遇到 Vercel 額度爆 → 切過去。
Render
含後端(Express)
需要長駐後端時用。免費方案 15 分鐘無流量會睡眠,第一次叫醒要等。
Railway
含後端 + DB
需要長駐後端 + 資料庫時用。免費額度小,超過會收費——學員 MVP 階段用 Render 即可。
九成學員的選擇:Vercel 靜態 + Vercel Functions 代理 Anthropic API。沒爭議、別猶豫。
Page 23 · Deploy
Act II · §1 + §2
Practice · CH7-2 動手時段
Hands-on · 24 / 30 講義 · CH7-2
Hands-On · CH7-2 兩個迷你練習 · 約 35 分鐘

動手把 Outcome 3+4做出來

迷你練習 3 · 約 15 分鐘

六層架構決策表

  1. 建一個表:六欄 = 前端 / 後端 / AI / 資料 / 部署 / 安全
  2. 每欄寫出目前的決策(如「前端:單頁 textarea」、「部署:Vercel 靜態」)
  3. 還沒想清楚的標「?」——這些是動手前必須先決定的缺口
  4. 把所有「?」收集到「動手前待決清單」
產出:六欄決策表 + 待決清單,明天 D18 動工前先解掉「?」。
迷你練習 4 · 約 20 分鐘

v1 System Prompt + 三參數

  1. 起點:模型 = Haiku、temperature 依任務類型、輸出格式明確
  2. 寫 System Prompt:角色 + 只做什麼 + 輸出格式 + 邊界
  3. 丟 3 個測試輸入(1 典型 + 1 邊界 + 1 怪問題)
  4. 不穩定 → 先改 Prompt(80% 問題)才考慮換模型
產出:v1 System Prompt + 三參數設定 + 三個測試輸出對照——下課前已可貼進 API 跑。

講師現場巡:看到「待決清單為空」要警覺——通常不是想清楚了,是還沒問到關鍵問題。

Page 24 · Hands-on Block 2
Act II · 動手 35 min
Recap · CH7-2 收束 + 動手前清單
25 / 30 講義 · CH7-2
Recap · 下半場收束

架構完成的標誌

你能在 5 分鐘內向另一個人說清楚:「這個工具的前端是什麼、後端做什麼、AI 的角色是什麼、部署在哪、API Key 怎麼保護。」
說不清楚的地方 = 架構還沒想清楚的地方。

D17 → D18 之間 · 動手前清單
  • 所有「?」都解掉,沒有缺口
  • Anthropic 後台月預算上限已設
  • Vercel 帳號可登入、Functions 環境變數路徑已查過
  • v1 System Prompt 已用三個測試輸入跑過、輸出穩定
  • 專題資料夾已建、README 寫了一句話專題說明
Page 25 · Recap CH7-2
Act II 收束
End of D17 · 收束
26 / 30
D17 · 收束

慢一點、想清楚

明天 D18 開工才不會在第三小時撞牆

你今天沒寫一行程式,但已經完成了專題最重要的「定義邊界」工作。
明天你會打開電腦,把 v1 System Prompt 跑起來、把 I/O 介面接上、把 Vercel 部署。

D17 收束
— 接下來是動手 —
Deliverables · 今天交出去的四份產出
27 / 30 講義 · CH7
Today's Stack · 一頁總覽

四份產出 · 明天直接接著用

產出 ① · 來自 CH7-1 §1

一句話專題說明

給朋友看秒懂版本。專題筆記第一行、README 第一行、Demo 開場第一句——之後到處都會用到。

產出 ② · 來自 CH7-1 §2+§4

MVP 清單 + I/O/AI 圖

做 / 不做兩欄清單 + 三方塊架構圖。開發中被「順便」拉走時的回頭看依據。

產出 ③ · 來自 CH7-2 §1

六層架構決策表

前端 / 後端 / AI / 資料 / 部署 / 安全六欄都有決定 + 動手前待決清單(D17→D18 解掉)。

產出 ④ · 來自 CH7-2 §4

v1 System Prompt + 三參數

可貼進 Claude API 跑的版本 + 三個測試輸入對照。明天 D18 第一件事就是把這個塞進前端。

Page 27 · Today's Deliverables
4 outputs · D17
Map · D17 → D18 接續
28 / 30
What's Next · 明天我們繼續

D18 · 開發 · 測試 · 部署

D17(今天)
選題 + MVP + I/O 架構 + 六層 Checklist + v1 System Prompt
D18 · CH7-3
專題開發實作 — 把 v1 System Prompt 接上前端 textarea + Vercel Functions 代理
D18 · CH7-4
測試與 UX 優化 — 三類測試案例 + Loading 狀態 + 錯誤訊息
D18 · PRAC7-1~3
Demo 頁雛形 + 使用者測試準備 + 第一次部署上線(明天結束時 URL 已可分享)
明天的銜接重點:不要重新討論「要做什麼」——那是今天的工作。明天打開電腦就照著今天的四份產出動工。
Page 28 · Map Forward
D17 → D18
Schedule · 5-6 小時授課節奏建議
29 / 30
Time Budget · 給講師參考

30 分鐘不能省的兩段

00:00 - 00:30
開場 + Part 7 全景
第 1-5 頁。讓學員理解今天為什麼不寫程式、四天節奏感。
00:30 - 02:30
CH7-1 講授 + 動手
第 6-13 頁講授(約 80 min)→ 第 14 頁動手 35 min(同學配對 → 一句話互測)。
02:30 - 02:45
★ 中場休息 + CH7-1 收束
第 15 頁。喘口氣、補水、上廁所。回來時白板上應該有大家的「一句話」。
02:45 - 04:45
CH7-2 講授 + 動手
第 16-23 頁講授(約 80 min)→ 第 24 頁動手 35 min(六層表 + v1 Prompt)。
04:45 - 05:30
★ 收束 + 巡視 + 待決清單
第 25-30 頁。逐桌巡視四份產出、解掉待決清單、預告 D18。
節奏剛性:講授段絕不超過 80 分鐘 → 不然學員專注力崩。動手段絕不少於 30 分鐘 → 不然產出不會落地。
Page 29 · Schedule
5-6 hours · D17
End of D17
30 / 30
D17 / 20 · MVP Kickoff · Complete

To Be
Continued

明天 D18 · 開發 · 測試 · 第一次部署

你今天從「我想做點 AI 工具」
升級成「我有一份明確的開工計畫」。
明天我們把這份計畫變成可分享的 URL。

Vol.17·選題 · MVP · 六層架構 · v1 System Prompt·2026
弄一下工作室·生成式 AI 職訓 140hr·D17 / 20
感謝今天的投入
— 明天見 · D18 —