Claude Code Vibe Coding開發手冊 (第2版)

目錄:
第 1 章 Claude Code 簡介與入門

1-1 Claude Code 簡介
1-2 安裝 Claude Code
安裝 Claude Code CLI
註冊訂閱帳戶
離開 Claude Code 的方法與斜線指令
更新 Claude Code CLI
1-3 牛刀小試--請 Claude Code CLI 幫我們安裝程式
使用 Claude Code CLI 安裝軟體套件管理工具
Claude Code 的內建工具
Claude Code 的對話記錄
接續之前的交談階段
Claude Code 的自動記憶（auto memory）
不同有效範圍的設定檔
在 Claude Code 中使用 ! shell 模式快速執行命令
1-4 Windows 平台的注意事項
! Shell 模式預設會使用 Git Bash
預設改用 Bash 工具

第 2 章 Claude Code 快速上手 -- 以實作 PDF 浮水印工具為例

2-1 使用 CLAUDE.md 加入專案規範
使用 /memory 命令編輯專案規範
用多行輸入交談的方式描述專案需求
2-2 切換權限模式
使用 -c 開關接續前次交談
使用 acceptEdits 模式自動編修檔案
使用 /checkpoint 復原檔案內容
用 /init 更新專案近況到 CLAUDE.md
提交到儲存庫中
2-3 使用工作樹與 plan 模式
工作樹（worktree）
複製不在儲存庫內的檔案
建立工作樹
產品需求書與 plan 模式
終止背景程式
貼上螢幕截圖輔助除錯
離開工作樹的交談階段
2-4 非互動模式與分層負責的規範架構
非互動模式
指定預設權限
分層負責的規範架構
套用在特定類型檔案的規則

第 3 章 Claude Code 常用的斜線命令

3-1 與交談階段相關的命令
/compact
/cost 與 /usage
/context
/clear
/stats
/diff
3-2 與設定相關的命令
/add-dir
/config
/doctor
/model
/plan
/rename
/permissions
/statusline
/ide
3-3 任務排程
/background
/loop
/schedule 與 /routines
3-4 帳號管理與其他功能
/login
/logout
/color
/radio
/fast

第 4 章 用 Subagent 分工合作

4-1 Subagent 簡介
建立 Subagent
測試 Subagent
4-2 多 Subagent 並行運作的威力
用並行的 Subagent 縮短任務時間
Subagent 對 context 大小的影響
4-3 用獨立上下文建立一個客觀的程式碼審查員
4-4 讓多個 Subagent 組成專業團隊
用專精不同工作的 Subagent 協作
結論

第 5 章 用 MCP 與 Skills 幫 Claude Code 生出超能力

5-1 什麼是 MCP 與 Skills？
MCP 的架構
Skills 的概念
MCP 與 Skills 的差異
5-2 內建 MCP：Claude in Chrome
安裝並啟用 Claude in Chrome
下載「臺灣房價地圖」專案
測試使用 Claude in Chrome
5-3 使用 Playwright MCP 進行自動化測試
Claude Code 的 MCP 安裝和管理
用 Playwright MCP 測試網頁應用程式
5-4 使用 Skills 和 Playwright CLI
打包完整測試流程
設定 Playwright CLI 環境
用 /playwright-cli 即時測試
建立自訂 playwright-test Skill
使用 /playwright-test 啟動測試流程

第 6 章 最後的防線：Hook

6-1 什麼是 Hook?
Hook 的執行流程
為什麼需要 Hook?
Hook 的種類
Hook 的退出代碼機制
Hook 的應用範圍
6-2 建立 hook 來阻止 Claude Code 修改檔案
在專案中建立 hook
把 PreToolUse hook 換成 PostToolUse hook
在 Claude Code 查看已建立的 hook
修改執行的退出代碼
透過標準錯誤輸出阻擋原因
6-3 在 Telegram 上收到 Claude Code 的提醒通知
建立 Notification hook
建立 Telegram 機器人並取得 API token 與 CHAT_ID
hook 執行的命令 – 發送提醒通知到 Telegram
測試 hook 有沒有順利運作

6-4 讓 Hook 更加靈活：JSON 輸出介面
用 JSON 輸出介面取代退出代碼
JSON："ask" 強制經過允許才能操作
JSON："updatedInput" 強制修改操作內容
6-5 讓 Hook 條件更加精準
用 if 條件式篩選檔案
利用 JSON 輸入介面篩選檔案
用 if 篩選 Bash/PowerShell 命令
用外部程式篩選 Bash/PowerShell 命令
讓 Claude 模型檢查與篩選

第 7 章 遠端遙控與 GitHub 雲端協作

7-1 Claude Code Desktop 視覺化開發網頁不通靈
安裝與設定 Claude Code Desktop
在 Claude Code Desktop 把訂餐網頁前端蓋好
Claude Code Desktop 其他功能簡介
7-2 Remote Control 讓你的電腦繼續工作、順便顧家
要出門了！趕緊把進行中的任務丟給手機
啟動互動式 session 的遠端遙控
啟動伺服器模式的遠端遙控
7-3 Claude Code on the Web 雲端 Agent 影分身之術
連接 Claude 和 GitHub 儲存庫
讓影分身 Claude Code 在雲端環境接手開發
把 Claude Code 修改的程式拉回本地測試
7-4 Channel 讓你的 Telegram 住著 24 小時待命的工程師
設定 Claude Code CLI 的 Telegram 外掛
在 Telegram 召喚 Claude Code 新增 LLM 分析菜單的功能

第 8 章 實戰範例：數獨遊戲

8-1 動手之前，先想清楚
8-2 AI 對談生成程式
測試遊戲
彙整測試結果改良遊戲
8-3 建立 PRD 高效生成程式
驗收遊戲
修正 PRD 改良程式
8-4 使用 Subagents 分工
為 Subagent 設定角色
讓 Subagent 分工設計遊戲
驗收成果
修改成果
8-5 引用 Skills 讓 Claude Code 提問
建立 SKILL.md
引用 Skills
驗收成果

第 9 章 實戰範例：YouTube 影片轉投影片

9-1 設計應用程式功能與架構
構思專案功能
跟著 Karpathy 大神設定專案初始規則
用 AskUserQuestion 工具先規劃，後實作
9-2 執行實作
善用 /goal 設定完成條件
首次啟動應用程式
9-3 應用程式測試及除錯
使用 Playwright 進行自動化測試
讓 Claude Code 找出問題點
提供修正方向
9-4 完善專案各項功能
加入歷史紀錄功能
AI 翻譯 & AI 大綱功能
加入 AI 語音辨識字幕功能