Claude Bootcamp

Claude 實戰訓練營 12 週上課紀錄

課程一句話:不寫程式的人,用 12 週把一個解決自己真實困擾的網頁工具從想法做到上線,並在 Demo Day 發表。方法論是 VIBE Coding,用意圖引導 AI,不是背語法。我是這堂課的講師,這頁是我以講師身份逐週記錄的上課內容,跟著課程一路更新到 W12。

2026.07.18 開課·XLab AI 實驗室·每週 3 小時·實體+線上混成班·5 / 12 週已記錄

Claude 實戰訓練營實體課現場,學員各自用筆電跟著操作,投影幕正在講角色設定
實體教室:投影幕上是「差一句角色設定,回答天差地遠」的對照示範
Claude 實戰訓練營線上同步畫面,Google Meet 分享當週簡報,多位學員同時在線
線上同步:Google Meet 直播上半場簡報,線上學員即時跟課

12 週在做什麼

W1Chat

Chat 基礎與專案啟動

W2Chat

用 AI 產出產品規劃(PRD)

W3Cowork+Design

建專屬知識庫與產品視覺框架

W4Claude Code

Vibe Coding 與第一個檔案

W5Claude Code

工程師術語與電腦小工具

W6Artifacts

前端細節美化與 RWD

W7Claude Code

進階邏輯與資料運算

W8n8n

工具串接:第一條工作流

W9n8n+Supabase

接資料庫,產品記得住資料

W10Code+MCP

全棧整合與第三方 API

W11Code+Zeabur

整合測試與部署上線

W12Demo Day

成果發表

逐週紀錄

W52026.08.15

看懂它在動網站的哪一半

前四週都是你在叫它做事,這一週的重點在它回你的那幾行字。看不懂它在講什麼的時候,你只剩下一個選擇:按同意。上半場是十個它天天在用的詞,下半場離開專案,叫它做電腦上的雜事,再把做出來的東西推上 GitHub。

TERMS

一個網站切成兩半,程式怎麼上線

外場跟廚房,客人只進得去一半

前端是使用者瀏覽器裡的畫面、按鈕、互動,全世界都看得到;後端是伺服器上的資料、邏輯與權限,客人進不去。API 是兩邊講好的點餐窗口,你照格式送請求,對方照格式回資料。叫它把按鈕改成圓角是外場的事,叫它做一個會員登入就進廚房了。

改壞了的代價,兩邊差很多

前端改壞是跑版、按鈕沒反應;後端改壞是資料錯亂、登入失效、資料外洩。上週做出來的那個資料夾現在全是外場的東西:html 是骨架、css 是裝潢、js 是動作,三種都跑在瀏覽器裡,還沒有廚房,資料也還沒有地方存。

資料夾裡那些副檔名,各裝什麼

.html網頁本體,畫面上有哪些東西
.css樣式,顏色、大小、位置
.js程式邏輯,按下去會發生什麼
.json設定與資料,寫給程式讀的
.md純文字文件,人看的,CLAUDE.md 就是這種
.env密碼與設定的小抄,只放在你電腦裡
前端的程式碼,任何人都打得開

它跑在使用者自己的電腦上,按 F12 就攤在眼前。金鑰寫在前端等於貼在店門口,價格怎麼算寫在前端客人可以自己改數字,「這個按鈕只有管理員看得到」也不等於別人做不到那個動作。看不出來是哪一半的時候,直接問它這段跑在瀏覽器還是伺服器。

從瀏覽器送來的資料,都當成被改過

這叫前端零信任,是後端最基本的一條規矩。最貴的一種是價格:前端顯示 3,000 元,送到後端的那筆數字被改成 1 元,後端沒有再算一次就照單全收。後端至少要自己驗身分、權限、資料、次數這四件。AI 預設常常只做前端檢查,畫面上擋住了看起來很正常,實際上後端什麼都沒驗。前端的檢查是使用者體驗,後端的檢查才是安全。

F12 那三個分頁,出事都在裡面

Elements 是外場的骨架,滑到哪一行畫面上那一塊就亮起來;Console 印程式出錯的紅字;Network 記錄頁面每一次對外要資料,點開看送了什麼、回了什麼。跟它說「網站壞了」它只能猜,把 Console 的紅字或 Network 那筆失敗的請求貼給它,它一次就找得到位置。

環境變數是貼在後台的一張小抄

程式跑起來的時候偷看一眼拿到密碼跟設定,小抄本身不裝訂進程式碼裡。金鑰寫死在檔案上,換一台機器就要改程式,而且這份檔案會跟著上傳,爬蟲每天都在自動掃公開倉庫裡的金鑰。實務上的固定姿勢是三步:本機放 .env、平台後台填正式值、.env 寫進 .gitignore。第三步漏掉,前面兩步就白做。

.env 長這樣,放在你自己的電腦裡

# 不上傳,也不進版本紀錄
OPENAI_API_KEY=sk-••••••••••••
DATABASE_URL=postgres://••••••
SITE_URL=http://localhost:3000
三個舞台,跟中間的搬運

開發環境是你電腦上的排練室,網址通常是 localhost,只有你看得到;測試環境是部署平台給的預覽網址;正式環境是你對外公布的那個。部署就是搬程式碼、裝套件、套環境變數、啟動、綁網址這五段,失敗最常見的原因是正式那張小抄沒填齊,不是程式寫錯。

網站掛掉的時候,先救活再查原因

Rollback 就是讀上一個存檔,多數部署平台點一下重新部署上一個正常版本就好。順序不要顛倒:先 rollback 讓網站活過來,再慢慢查哪裡壞,本機修好、測試過,才部署新版。一邊查錯誤訊息一邊讓網站躺著,是最常付的學費。

TOOLBOX

叫它做只有你會用的小工具

你在畫面上點的每一下,底下都是一條指令

滑鼠是給人用的介面,電腦本來就聽文字。開資料夾、排序、選取、右鍵重新命名兩百次,跟一行指令兩百個檔案同時改完,是同一台電腦、同一批檔案、同一個結果,差別只在誰負責把指令想出來。剛裝好還沒摸熟它脾氣的時候,拿雜事練比拿專案練划算,一件事講清楚就好,五分鐘跑完,對不對當場看得出來。

三個條件都成立才交給它

你能用中文把做完長什麼樣說清楚、檔案就在這台電腦上、做完你一眼驗收得了。第三題最重要,驗收不了的任務做完你也不敢用。

六個用得到的方向

掃 C 槽列出最佔空間的前 20 名、用檔名內容日期一起找舊檔、下載資料夾依副檔名分類改名、幾百張圖批次改尺寸轉檔壓縮、合併三十份格式一樣的 Excel、影片轉檔剪片抽音軌。共同點是步驟固定、重複很多次、做錯了你看得出來。改圖那類要注意界線,它處理已經存在的圖片,不憑空生一張。

講師本機掃一次的結果,2026-08,全程只讀不刪

C 槽總 238 GB,已用 189 GB,剩 49 GB
暫存Windows 暫存資料夾 1,043 MB
快取WinGet 套件快取 771 MB
更新Windows Update 暫存 183 MB
刪除永遠分兩步

先列清單、你看過、再執行,中間那一步不能省。「幫我把沒用的檔案清一清」裡的「沒用」是它自己猜的;改成「列出候選清單給我看,我點名之後你再刪」,決定權就留在你手上。Windows 資料夾、登錄檔、Program Files、雲端同步資料夾這四個地方不要讓它自己判斷,同步資料夾裡的刪除還會傳染到你其他台電腦。

好用的那一次要留下來

同一件事講到第三次會覺得煩,那時候就叫它把做法存成一支檔案。可以留成腳本、寫進規則檔,或包成一個雙擊就跑的 .bat 放桌面。做 bat 有三件事要先講:路徑寫死不要靠目前所在位置、第一版先只印出會做什麼不要真的動檔案、不要內建刪除,會刪的動作改成搬到待刪資料夾。

一個階段的需求要一次講完

它像一個手很快的工讀生,差別在工讀生講到一半會抬頭問你,它收到就動。一句一句加,每一輪它都重新產一版,上一輪改好的地方這一輪可能被蓋掉。一個階段講完要有五件:對象與用途、內容、規則、界線、節奏。界線最常漏,節奏最少人講,講了整個過程會順很多。例外是 plan mode,連按兩下 Shift+Tab 切過去,它只讀、只問、只提計畫,不動任何檔案,這時候才可以邊聊邊想。

一次講完,以做一張海報為例

幫我做一張講座海報,直式 A4,要印出來也要放 IG 限動。
主題「Claude 實戰訓練營說明會」,時間地點照我給你的那一行,
右下角留一塊白給 QR code。
深色底、螢光青綠當重點色,字要大,站遠一點也看得到。
標題最大,時間地點第二層,其他都小。
不要漸層字,不要放沒有意義的裝飾圖示。
先做一版給我看,我確認方向再調細節。
留下來的東西推上 GitHub

Git 記錄這個資料夾每一次改了什麼,GitHub 把記錄放到雲端,名字很像但是兩件事。存一版只有三個動作:開一本記事本、挑出這次要存的、蓋章存檔附一句說明,你只要講「這個功能寫完了,幫我存一個版本,訊息寫某某某」。推之前先把金鑰、含個資的測試檔、會變動的個人設定排除進 .gitignore;推上去之後才發現的話,把檔案刪掉沒有用,歷史紀錄裡還留著,只能到那個服務後台重新產一組新的。

第一版是壞的,然後一起修

這門課的每一份簡報都是先做成網頁再轉成 PPTX,一句「把這份 HTML 簡報每一頁截圖,組成 16:9 的 PPTX」換到一支 120 行的腳本,之後每一份改一個檔名就好。第一版截出來內容全部擠在上面、下面一大塊空白、字也比瀏覽器裡小,把這幾個現象講回去,它自己查出是無視窗模式的瀏覽器外框吃掉高度、導致版面算錯。

W42026.08.08

把文件變成第一個打得開的檔案

Vibe Coding 這個詞 2025 年 2 月才出現,同年被 Collins 選為年度詞彙,提出的人隔年自己說它過時了。它做得到不是模型變聰明,是模型多了一雙手跟一個會自己轉的迴圈。前三週交出來的四樣東西全是文件,這天開始變成打得開的檔案。

VIBE CODING

一個 2025 年的詞,一年之後變成常態

講、看結果、再講,這是它原本的定義

Andrej Karpathy 在 2025 年 2 月的貼文裡描述自己寫程式的狀態:不再一行一行讀,只是看、講、跑、把錯誤訊息複製貼上,然後它大部分時候就修好了。這個詞從那則貼文開始被大量轉傳,同年年底 Collins 英語詞典選它當年度詞彙。後來一整年的爭論,起點就在「大部分時候」這四個字。

「氛圍編程」這個翻譯會害你用錯

中文常翻成氛圍編程或憑感覺寫程式,字面沒錯,但它讓人以為重點是放鬆、隨便講講。實際上是用自然語言描述需求、AI 產生程式碼、你負責判斷。門檻沒有消失,只是從「會不會寫」換成「講不講得清楚」,再多一個新的:看不看得出來它做錯了。

變快是真的,變慢也是真的

三個數字不衝突:產出變快、驗收變慢,總時間是快是慢,看你花多少力氣在檢查。METR 那組人慢下來,就是因為驗收的時間被低估了。

三份公開研究,同一件事的兩面

+55.8%GitHub 自己的 Copilot 研究,開發者完成指定任務更快
−19%METR 隨機對照實驗,資深開發者事前預期快 24%,實測反而慢了,自己還沒察覺
66%Stack Overflow 四萬九千人調查,最大困擾是答案「幾乎對,但不完全對」
被取代的是打字,不是判斷

METR 那組資深開發者變慢,是因為他們原本就會寫,AI 幫他們省的時間比不上檢查的時間。不會寫程式的人處境不同,省下來的不是打字,是「先學三年」這件事。代價是得把另外一半練起來:講清楚,然後驗得出來。

把人從中間那格拿掉,就叫 Agent

前三週用 Chat 跟 Design,形狀都一樣:它產出一段東西,複製貼上落地是你在做。Agent 跟聊天機器人的差別只有三件事,它自己讀得到資料夾的現況、自己建檔改檔執行指令、自己看得到跑出來報什麼錯。三件湊齊它就能自己轉圈:讀取現況、決定下一步、動手、驗證,錯了繞回第一步,不用你講第二次。模型本身沒換,還是在猜下一個字,多的是一組工具跟外面那個迴圈。

判準是壞掉的話誰要承擔

個人工具、內部小流程、還沒上線的原型、自己的網站門面,做爛了刪掉重來,成本是你自己的一個下午。牽涉金流、身分驗證、別人的資料這三類不一樣,做錯的代價是賠錢跟別人的損失,即使用 AI 寫也要有人真的看懂每一行。這條線不是能力問題,是責任歸屬問題。

它預設不管安全

Veracode 的檢測裡,45% 的 AI 生成程式碼含有 OWASP Top 10 等級的資安漏洞;CodeRabbit 分析 470 個 pull request,AI 協作的程式碼重大問題是 1.7 倍、資安漏洞 2.74 倍。它不是不會寫安全的程式碼,是沒人要求它就不寫。

提出這個詞的人,一年後改口了

Karpathy 在 2026 年初說 vibe coding 已經過時,他改用 agentic engineering:99% 的時間不直接寫程式碼,你在指揮一群寫程式的 agent 並且做監督,而這件事有它的技藝跟專業。他還補一句,懂架構的人指揮 agent 能放大十倍百倍,不懂的人只是更快產出壞東西。

CLAUDE CODE

第一次開工,順序跟範圍決定後面順不順

一個資料夾就是一個專案

你在哪個資料夾把它叫起來,那個資料夾就是它的整個世界。這句話有兩面:沒放進去的東西它讀不到,所以材料要先搬進來;資料夾外的東西它碰不到,所以你其他的檔案是安全的。開一個乾淨的新資料夾,不要直接在桌面或下載資料夾裡開工。

檔名就是它的目錄

資料夾裡放五份文件,它不會每次都全部讀完,挑的依據就是檔名。叫「最終版2」「真的最終版」,它只能一份一份打開來看,視窗很快就滿;叫「需求包」「色票與字級」「首頁設計稿」,你說要改顏色它直接開色票那份,其他不碰。

規矩要寫到看得出有沒有照做

CLAUDE.md 是這個專案的 System Prompt,每一輪都在最前面被讀一次。「程式碼要乾淨」「不要過度設計」這種它每次都會說好,然後照自己的理解做,你也沒辦法指出它哪裡沒照做。判準跟 User Story 卡一樣:不能驗收的規矩,跟沒寫一樣。

同樣是規矩,換成檢查得了的寫法

一次只改一個檔,改完停下來讓我看。
顏色只用色票那五個,不要自己加。
不確定就問,不要自己猜。
格子從手機的單欄開始排,不要一上來就兩欄。
開工四步,前兩步它還不會動手

切到資料夾把它叫起來、用平常講話的方式講一遍這個案子,這兩步硬碟上還沒有任何東西被動到。接著打 /init,它拿你這段話加上資料夾裡的檔案寫成 CLAUDE.md 草稿,第一次建檔會跳出來問你准不准;最後你看過草稿再改。四步大概五分鐘,做完它才知道你在弄什麼,後面就不用每一輪重講一次。

第二步打進去的第一段話

這個資料夾是我接的案子,要幫一家自家烘豆的咖啡店做官網。

需求包那份寫他們要什麼,色票與字級是配色,首頁設計稿是版面。

你先把這三份讀過,不要先動手做東西。
不講範圍,它會把整包做完

說「幫我把這個網站做出來」,它真的會把六頁全部生出來,跑十幾分鐘,每一頁七成。看起來很有進度,實際上你不知道從哪裡開始改,任何小修改都要跨六個檔。改成「先做首頁,其他頁先不要碰,做完告訴我你建了哪些檔」,每一輪都短、看得完、驗得了。改得小,壞了也退得回來:還在跑就按 Esc 中斷,剛改完可以叫它把上一次改動撤回,滿意的版本把整個資料夾複製一份留著。

它停下來問的那一刻,是唯一屬於你的位置

建立一個還不存在的檔可以快點放行,修改已經存在的檔要先看一眼是不是你要它改的那個,執行指令跟刪除檔案要停下來看清楚。按 Shift+Tab 可以在 Manual、Accept Edits、Plan Mode 之間切換,第一次用全程停在 Manual。選「以後都不用問」很方便,代價是那一類動作以後全部自動放行。

它說做好了,不等於做好了

幻覺在這裡的樣子,是它很肯定地說已經照設計稿做完,你打開一看差很多。它不是在騙你,是沒有真的用眼睛看過成品。雙擊那個網頁檔打開、跟設計稿並排比、對著頁面清單一行一行點名,驗過才有東西可以講;沒打開看就說不好看,它只能亂猜著改。

不滿意要講三件事:哪一塊、現在怎樣、要變成怎樣

「整體感覺怪怪的」「再修一下」,它只能挑一個統計上最常見的方向去改,改完你更不滿意,兩邊一起繞圈。「報價表單那一區,欄位排成一直排太長,改成兩欄並排」三件齊了,它一次就改得對。檢查方式是看你講的這句話能不能拿去驗收。形容不出來的時候截圖直接貼,「這裡跟這張圖不一樣」比十個形容詞好用。

W32026.08.01

幫 AI 建一個記得住專案的知識庫

AI 每次開新對話都不認得你的專案。它本來就沒有記憶,要補回來得分兩層:短期靠上下文視窗,長期把知識寫成檔案放在外面。至於用 AI 做出來的網站為什麼長得都一樣,問題不在模型強不強,在於沒有人替它決定風格。

MEMORY

AI 為什麼會忘記,以及記憶怎麼補回來

它沒有記憶,每一輪都把對話重讀一次

模型本身不累積任何東西。你每送出一句話,它是把目前看得到的整段對話從第一句重讀一遍,再猜下一個字。所以「它記得我」是假象,記得的是那份被重讀的紀錄,不是模型;紀錄沒帶進來,它就什麼都不知道。對話越長,每一輪要重讀的量越大,變慢變貴跟模型退步無關。

上下文視窗是記憶體,不是硬碟

文字進模型前會先切成 token,一次能塞進去的 token 有上限,這個上限就是上下文視窗。Claude 主力的幾顆模型目前是 100 萬 token,中文一個字大約吃掉 1 到 2 個。它的角色跟記憶體一樣:裝得下現在正在處理的東西,塞爆之後最舊的先被擠出去,對話一關就清空。要長期留住的東西,得寫在外面的檔案裡。

塞得進去,不等於它看得清楚

Lost in the Middle 這篇研究把同一個答案藏在一疊文件的不同位置,再問模型同一題,答對率呈 U 型:放最前面或最後面高,要它去中間拿明顯掉下來,連專為長文本設計的模型也一樣。所以最重要的規則要寫進 System Prompt,它固定排在最前面、每一輪都被重新讀一次,不要埋進你貼上去的一堆文件中間。

長期記憶分三種,知識庫補的是語意那塊

情節記憶記的是發生過的對話與事件,語意記憶記的是事實、規格、專屬知識,程序記憶記的是事情該照什麼步驟做。上傳 PRD、頁面清單這類文件補的是語意記憶;程序記憶靠協作規則寫進 System Prompt,情節記憶靠自己留紀錄。

知識庫檔案選 .md,是因為它沒東西可以掉

.docx 的內容混在排版指令裡,抽成文字時表格最常被抽壞;.pdf 記的是「這個字印在第幾公分」而不是結構,兩欄排版容易被抽成左右交錯的亂序。Markdown 本身就是純文字,結構寫在 #、-、** 這些符號裡,你打開看到的就是模型讀到的。它又是 GitHub 與技術文件的通用寫法,模型看過的量遠比其他格式多,也不用花視窗位子去放樣式碼。

需求包.md:記事本就打得開,六個符號夠用九成

# 排課小幫手

## 第一版不做的事
- 金流串接
- 多人共用行事曆

## 核心使用者
**獨立接案的才藝老師**,手上 20 個學生以內,
現在用 LINE 訊息加紙本記出席。
RAG 是檢索、增強、生成三個動作

文件先照標題切成一段一段,每段算成一組座標存進向量資料庫;提問時只把意思最接近的幾段撈進視窗,整份文件不進去。比對的是意思不是字面,所以你問「首頁該放幾個按鈕」,線框裡寫的是「主要操作有三個」也撈得到,關鍵字搜尋在這裡會直接漏掉。

三個訊號出現,才輪得到 RAG

一份文件就裝不下、答案散在很多份檔案、常常抓錯段落,這三個訊號都還沒出現之前,Markdown 知識庫就夠用。兩者差在知識量上限、更新成本,以及出錯時好不好查:改 Markdown 是直接改檔案,RAG 出錯還要先分辨是切段切壞還是比對抓錯。Cowork 的知識庫把檔案直接附進對話,站的就是 Markdown 這一端。

DESIGN

六個產業長出同一個網站,因為沒有人做設計決定

六個產業,六個風格標籤,同一組零件

六個不相干的行業各自描述自己的需求,跑出來的風格標籤沒有一個重複,但每一張都找得到同樣四樣東西:頂端徽章、漸層大標、三欄卡片、藥丸按鈕。換掉的是外皮,骨架沒動。技術上它沒做錯什麼,排版整齊、配色也沒衝突,問題在於沒有人替它決定骨架。

沒給方向,它就挑看過最多次的那一組

叫模型做網頁跟叫它接話是同一件事,只是這次猜的是下一個版面。Tailwind、Shadcn UI 這些在訓練資料裡出現過幾百萬次,你的品牌配色它一次都沒看過,機率會往哪邊倒是可以預測的。反過來說,只要是你刻意做過的決定,它就不再是 AI 味。決定得好不好是另一回事,先有決定才有差別。

需求文件只講完一半

PRD、User Story、頁面清單、文字線框回答的是內容與結構:給誰用、要能做什麼、有幾頁、每一塊放什麼。視覺方向那一半一個字都沒寫到:想要什麼調性、有沒有現成色票與 logo、參考哪個網站、誰在什麼裝置上打開。只給前半,它就只能挑統計上最安全的那組零件。

五行講完,它就不用猜

目標、版面、內容、受眾、風格,一行一句。前三行需求文件裡都有,抄過去就好;第五行的「不要」通常比「要」有用,因為它擋掉的正是模型看過最多次的那組零件。像是「不要三張一樣寬的卡」「不要寫訂閱人數」,講明了它就不會端出來。

給設計工具的五行範本(填好的樣子)

目標一頁服務頁,給我的 n8n 自動化接案用
版面hero、服務模式列、案例、聯絡,由上到下
內容hero 放一句主張加一張工作流示意圖;模式列分自動化與 AI 應用兩種,各列服務項目
受眾中小企業的老闆或窗口,來看這個人能幫我做什麼
風格深色底、青綠重點色、等寬字當標籤;不要置中三張一樣寬的卡
設計決定要放在寫程式之前

設計工具決定長什麼樣,Claude Code 負責讓它動,兩邊的弱項剛好互補。差別只在順序:設計放前面,Code 照著做;設計放後面,前面寫好的畫面全部要重來。交付過去的不是截圖,是一包結構化的規格:元件規格、design tokens、版面層級、素材,Code 讀到的是數字,不用猜像素。

Design tokens 是把設計決定寫成數字

哪幾個顏色、字級跳幾階、間距用哪幾個數、圓角多少,全部定成明確的值。定下來之後每一頁都照這組長,不用每做一頁就重開設計工具描述一次品牌長什麼樣,團隊也才有辦法維護同一套。

它做得出版面,做不出插畫

版面配置、排版、配色和 SVG 線條圖、簡單幾何形狀是守備範圍;複雜插畫、真實照片、高質感主視覺不是,這類素材得另外找圖庫或自己準備,在裡面硬拗只會燒額度。新圖示、重點插畫、產品與按鈕的命名這三樣自己來比較快,交給它會拿到很安全也很無聊的詞。

W22026.07.25

讓 Claude 成為你的產品經理

模型會聽話是被訓練出來的,會附和你也是。搞懂這個反射從哪裡來,才知道為什麼要替它掛上一個會挑戰你的人格;再往下就是把腦中的構想寫成別人看得懂、自己驗收得了的需求文件。

TRAINING

模型怎麼被訓練成聽話,又為什麼老是附和你

後訓練三階段

預訓練讀完資料只是把話學會,後面還有三關:SFT 看師傅示範標準答案、獎勵模型學會分辨回答的好壞、RLHF 讓模型自己練到出師。Claude 多一層憲法(Constitutional AI),把行為準則寫成明文再讓它照著自我修正。

把通用模型變成專才,有三條路

微調是動模型本身,成本最高;角色設定是用一段 System Prompt 指定它的身分與立場;餵資料是把專屬知識放進知識庫或 RAG。後兩條不用碰模型,現在就做得到,效果也足夠應付大多數場景。

它附和你,是訓練出來的反射

獎勵模型偏好讓人滿意的回答,所以直接問「你覺得如何」,得到的多半是稱讚。要它挑毛病,得在提示詞裡指定一個會挑戰假設的角色,明講要它找出沒寫到的地方。把構想書丟給一個毒舌產品經理,戳中的正是自己不想面對的那幾格。

把它換成會挑戰你的人格

你是一位看過 20 個專案倒在半路的產品經理,說話直接。
我貼一份構想書給你,請挑出三個最可能讓它失敗的假設,
每一個都反問我一個問題,答不出來就代表我還沒想清楚。

不要稱讚,不要幫我補完我沒寫的部分,
也不要提出解法,這一輪只負責問。
SPEC

動工前把需求寫到能驗收

先寫成品長什麼樣,再開工

Amazon 的做法是新產品動工前先寫一份對外新聞稿:講不清楚賣點就代表還沒想清楚。六格 PRD 是同一個邏輯的縮小版,把要做給誰、解決什麼問題、第一版做到哪裡先寫死,後面每一個功能爭議都回這張表判定。

User Story 三格句型

身為(具體的誰)、我想要(做一件具體的事)、這樣就能(得到一個好處)。第一格防的是做給想像中的人用,第二格防的是功能寫得太籠統沒辦法驗收,第三格防的是做完才發現對使用者沒有意義。

一張卡片填起來長這樣

身為手上 20 個學生以內、用 LINE 收排課訊息的才藝老師
我想要把一整串 LINE 訊息一次貼進輸入框
這樣就能不用一則一則手抄進紙本課表
MoSCoW 把功能分四疊

Must、Should、Could、Won’t,第一版只做第一疊。難的不是分類,是逼自己承認哪些是 Won’t。沒有這一疊,範圍會一路長大到做不完。

文字線框:錯在紙上很便宜

迪士尼 1933 年就在用分鏡牆,先把每一格畫面釘在牆上排順序,錯了撕掉重畫。文字線框是同一件事的低成本版:每一頁由上到下哪裡放什麼、寫什麼字、按了會去哪,全部先用文字講清楚。這時候改一行字,比畫面做出來再改便宜太多。

W12026.07.18

Chat 基本應用與專案啟動

大模型只做一件事:根據前文猜下一個字。理解這句話之後,提示詞為什麼要寫角色、背景、任務、格式,它為什麼會一本正經地講錯,全部都有了解釋。

BASICS

模型在做什麼,以及怎麼跟它把話講清楚

它讀完整座圖書館,但從來沒出過門

模型讀了十幾兆字、帶著幾千億個參數,能做的仍然只有一件事:看前文,挑機率最高的下一個字接下去。它沒有查證管道,也沒有真的理解你的處境。講得流利跟講得正確是兩回事。

提示詞四件套

角色決定它站在什麼立場回答、背景給它判斷用的前提、任務講明要它做什麼、格式規定產出長什麼樣。四件事缺一件,它就自己補一個機率最高的版本,落差多半就從這裡來。再往上有三招:給範例、要求它先追問再動筆、要求它先想再答。

四件套填起來長這樣

角色你是一位帶過十年新人的行銷主管,說話直接。
背景我是行銷企劃,明天要報告這季廣告成效,主管最在意花掉的預算換到什麼。
任務把我貼的數據整理成三個重點,每個重點後面附一句主管可能追問的問題。
格式條列三點,每點兩句以內,不要開場白也不要總結。
幻覺是猜下一個字的副作用

猜下一個字的機制不會因為「不知道」就停下來,遇到資料裡沒有的東西一樣接得很順。四個防法:把資料貼給它再問、明講只能根據給的內容回答、明確允許它說不知道、重要的資訊自己交叉驗證。

把它關進你給的資料裡

只根據我貼在下面的資料回答。
資料裡沒有寫到的,直接回「資料裡沒有」,
不要用一般常識補,也不要猜。

每個結論後面標出你是從第幾段推出來的。
WORKFLOW

VIBE Coding 與 Claude 各個工具的分工

意圖引導優於語法記憶

VIBE Coding 的分工是:你負責想清楚要什麼、把話講明白、判斷做出來的東西好不好,程式讓 AI 寫。不寫程式的人卡住的地方通常不是語法,是需求沒想清楚,而那一段 AI 幫不了你。

六個工具,各守一段工作流

Chat 用來想清楚與討論,Projects 放專屬知識庫,Design 決定產品長什麼樣,Artifacts 產出馬上點得動的成品,Claude Code 負責實作與部署,Cowork 讓代理自己跑完多步驟的任務。知道手上這件事該切到哪一個工具,比六個都學會有用。

課程還在進行中,每週上完課就會更新這頁。想了解報名資訊可以到 XLab 活動官網看下一梯的時間。