用 Claude Debug
出問題時，Claude 是你的 debug 夥伴
⏱ 預估 ~7 分鐘
01 · 讀一讀
東西會壞。那不是失敗 — 是蓋軟體的正常狀況。新手跟有經驗工程師的差別不是有經驗的人從不出錯。是他們知道怎麼清楚描述問題、有效找到修法。
Claude Code 是很棒的 debug 夥伴。但它只能在你告訴它哪裡錯的情況下幫你。含糊的描述像「它不能動」給 Claude 的線索很少。具體的描述像「表單送出但成功訊息從來沒出現」直接把 Claude 指向問題。
回報 bug 的關鍵模式：預期 X、得到 Y、我試了這些。
02 · Prompt 範本
看到終端機有錯誤時，把確切錯誤訊息複製貼給 Claude。不要轉述 — 確切文字有重要線索，像檔名、行號、錯誤碼。
我跑伺服器的時候出現這個錯誤：{{error_message}}03 · Prompt 範本
不是所有 bug 都有錯誤訊息。有時候只是瀏覽器看起來不對。視覺 bug 描述你看到什麼 vs 你預期什麼。
{{element}} 現在是 {{problem}}，但應該要 {{expected}}04 · 選擇題
回報 bug 給 Claude 時，永遠該包含什麼？
05 · 填空
描述 bug 時，用模式：「預期 _____、但得到 Y」。
06 · 讀一讀
清楚描述問題是真正的技能 — 而且讓你跟 AI 跟人類隊友合作都更好。
重點整理
- 清楚描述問題是最重要的 debug 技能
- 魔法模式：「預期 X、得到 Y、我試了這些」
- 複製確切錯誤訊息 — 不要轉述
- 視覺 bug 描述你看到 vs 你預期
- 包含上下文：你做什麼時壞掉？
07 · 選擇題
你的網頁有一個按鈕，點下去應該顯示成功訊息，但什麼都沒發生。哪個 bug 回報幫 Claude 最快修？
- 按鈕不能動
- 我頁面有問題，能修嗎？
- 請修 JavaScript
- index.html 的送出按鈕點下去沒反應 — 我預期成功訊息出現在表單下面，但沒訊息出現。Console 沒錯誤。
⚠ 完整互動體驗需要 JavaScript。請啟用 JavaScript 後重新整理。
※ 本站為獨立繁中教學專案，非 Anthropic 官方產品。Claude™ 為 Anthropic, PBC 商標。