寫有效的 Prompt
從 Claude Code 拿到更好的結果
⏱ 預估 ~7 分鐘
01 · 讀一讀
Claude Code 輸出品質直接看你輸入的品質。含糊 prompt 拿含糊結果。明確 prompt 拿你確切要的。
這不是學特殊語言或語法 — 是清楚溝通。讓你善於對同事解釋的同一個技能，也讓你善於對 Claude Code 下 prompt。
我們來看弱 prompt 跟強 prompt 的差別，建一個每次都能用的框架。
💡 想像一下想像在餐廳點餐。「給我點好的」可能拿到任何東西。「我要烤鮭魚、五分熟、配烤蔬菜、醬料另外裝」拿到你要的。Prompt 一樣道理。
02 · 讀一讀
下面是弱 prompt 跟強 prompt 的真實例子：弱： 「讓它好看一點」 強： 「用深色配色加藍色點綴、無襯線字型、最大寬度 800px 置中」
弱： 「修一下」 強： 「刪除按鈕不動 — 點下去沒反應。我預期它把書籤從列表跟 localStorage 移除」
弱： 「加一個功能」 強： 「在書籤列表上方加一個搜尋列，使用者打字時即時過濾，匹配標題跟 URL」
弱： 「再好一點」 強： 「頁面載得慢，因為每個鍵盤事件都重 render 所有書籤。只更新可見的列表，不要整個 DOM」
注意模式：強 prompt 包含什麼你要、哪裡該放、怎麼運作、跟現有東西的上下文。
重點整理
- 含糊 prompt 拿含糊結果 — 明確就是一切
- 描述什麼你要、哪裡放、怎麼動
- 說現有什麼或壞了什麼的上下文
- 強 prompt 省迭代時間 — 你更快做對
03 · 選擇題
哪個是更好的 Claude Code prompt?
- 加一個功能
- 加一個搜尋列，使用者打字時過濾書籤列表、高亮匹配
- 再好一點
- 做點酷的
04 · 確認清單
每次叫 Claude Code 做事用這個 prompt 寫作框架。你的 prompt 包含每個元素時勾起來。
- WHAT(什麼)：我說明要蓋或改什麼
- WHERE(哪裡)：我提哪些檔或元件
- HOW(怎麼)：我描述具體行為或外觀
- CONTEXT(上下文)：我解釋現有什麼或壞了什麼
05 · 填空
Prompt 框架是：WHAT 你要、_____ 放、HOW 怎麼動、CONTEXT。
06 · 讀一讀
恭喜 — 你完成 Level 8 了。
回顧你現在能用 Claude Code 做什麼：- 請 Claude 解釋來理解任何程式碼庫 - 從描述建新檔跟整個專案 - 對現有程式碼做精準、外科手術式的編輯 - 用一個詳細 prompt 蓋完整應用程式 - 用 WHAT-WHERE-HOW-CONTEXT 框架有效溝通
你從不知道終端機是什麼，變成能用 AI 配對程式夥伴蓋真實 app 的人。這不是小事。
你在所有 level 學的工具 — 終端機、檔案系統、git、JavaScript、npm、web server，還有現在的 Claude Code — 跟專業工程師每天用的工具一模一樣。差別是你有 AI 助理讓你做得更快。
重點整理
- Claude Code 能理解、建立、編輯、蓋
- 更好的 prompt = 更好的結果（WHAT、WHERE、HOW、CONTEXT）
- 永遠檢查跟測試 Claude 輸出
- 你是決策者 — Claude 是加速器
07 · 選擇題
考慮這個 prompt：「在 ContactForm.tsx 的 email 欄位加驗證，格式錯誤時顯示紅框跟錯誤訊息。」它包含 WHAT-WHERE-HOW-CONTEXT 框架的哪些元素？
- 只有 WHAT
- 只有 WHAT 跟 WHERE
- WHAT、WHERE、HOW
- 全部四個：WHAT、WHERE、HOW、CONTEXT
08 · 填空
有效 prompt 的四個元素是：WHAT 你要、WHERE 放、_____ 動、CONTEXT 現有什麼。
⚠ 完整互動體驗需要 JavaScript。請啟用 JavaScript 後重新整理。
※ 本站為獨立繁中教學專案，非 Anthropic 官方產品。Claude™ 為 Anthropic, PBC 商標。