Claude Code Vibe Coding開發手冊

目錄:
第 1 章 Claude Code 簡介與安裝
1-1 Claude Code 簡介
系統需求
1-2 在 Windows 安裝 Claude Code
在 Windows 環境中使用 Scoop 建立指令行工具鏈
安裝 Git 工具
安裝原生版本的 Claude Code
登入 Claude 帳戶
1-3 在 WSL（Linux/macOS）中
安裝 Claude Code
安裝 WSL
安裝原生版本的 Claude Code
1-4 安裝後續章節所需的工具
Windows
WSL/Linux/macOS
透過 Node.js 環境安裝 Claude Code

第 2 章 Claude Code 基礎用法--以建立郵遞區號小幫手為例
2-1 用聊天的方式生成程式碼--專案與 Session 的概念
以資料夾為專案的核心概念
交談階段（Session）-- 用聊天方式設計郵遞區號小幫手
2-2 建立專案文件：CLAUDE.md 與 PRD
用 CLAUDE.md 加入開發規範
整合對話內容建立產品需求文件
2-3 良好的 PRD 寫法與自動接受模式
使用檢查點（Checkpoint）復原程式碼
修改 PRD 以條列方式明確表達各項要求
啟用 Auto-Accept Mode（自動接受模式）
使用 # 指令在 CLAUDE.md 中增加規範
使用 /init 自動生成專案架構摘要
2-4 用 Plan Mode 完成複雜任務
建立網頁版的 PRD
啟用 Plan Mode 進行網站開發規劃
以圖片餵入網站設計需求
2-5 結合 Visual Studio Code
在 VSCode 安裝 Claude Code 延伸模組
圖形介面的 Claude Code
VSCode 與 Claude Code 連動的好處
讓外部終端機中的 Claude Code 與 VSCode 連動

第 3 章 Claude 常用指令
3-1 全域設定與狀態查詢
/status
/release-notes
/doctor
/config
3-2 專案初始化與環境配置
/init
/add-dir
/memory
3-3 狀態監控與問題回報
/todos
/bashes
/usage
/help
/feedback
3-4 開發環境與工具整合
/ide
/vim
/output-style
/output-style:new
/model
/permissions
3-5 對話管理與資料處理
/context
/compact
/clear
/resume
/export
3-6 帳戶管理與系統操作
/upgrade
/login
/logout
/exit
3-7 客製輸入區的顯示狀態
使用 /statusline 顯示目前時間
實際的設定內容
Windows 下的注意事項

第 4 章 用 Subagent 分工合作
4-1 Subagent 簡介
建立 Subagent
測試 Subagent
4-2 多 Subagent 並行運作的威力
用並行的 Subagent 縮短任務時間
Subagent 對 context 大小的影響
4-3 用獨立上下文突破模型限制
用多個 Subagent 分擔輸出
4-4 讓多個 Subagent 組成專業團隊
用專精不同工作的 Subagent 協作
結論

第 5 章 用 MCP 幫 Claude Code 生出超能力
5-1 什麼是 MCP？
MCP 的架構
5-2 PlayWright MCP 伺服器
下載「臺灣房價地圖」專案
Claude Code 的 MCP 安裝和管理
測試 PlayWright MCP
5-3 用 PlayWright MCP 測試網頁應用程式
透過 PlayWright MCP 進行自動化測試
5-4 把 Claude Code 當命令列版本的
AI 聊天機器人
Desktop Commander MCP
檔案搜尋
批次讀取檔案
檔案整理分類
分析 CSV 檔
系統與效能監控
5-5 MCP 的 Tokens 耗用成本
MCP 資訊所消耗的 Tokens
執行階段所消耗的 Tokens

第 6 章 最後的防線：Hook
6-1 什麼是 Hook?
Hook 的執行流程
為什麼需要 Hook?
Hook 的種類
6-2 建立第一個 Hook - PostToolUse hook
追蹤指定檔案
Hook 完整的運行流程
在專案中建立 Hook
Hook 執行的指令 – 發送通知到電腦桌面
測試Hook有沒有順利運作
6-3 建立 Notification Hook–
在 LINE 上收到提醒通知
新增第二個 Hook
Hook 執行的指令 – 發送提醒通知到 LINE
測試 Hook 有沒有順利運作
6-4 從追蹤檔案轉為保護檔案的 Hook
建立『修改預告』的 Hook
保護檔案不被 Claude Code 修改

第 7 章 實戰範例：PDF 檔翻譯器
7-1 用簡單提示詞生成程式
7-2 增加提示詞與延伸思考模式
7-3 使用 Subagent
結論

第 8 章 實戰範例：YouTube 影片轉投影片
8-1 與 Claude Code 討論專案
初始化專案
先規劃，後實作
設計專案架構
8-2 執行實作
初步檢查與測試
8-3 應用程式除錯
讓 Claude Code 自行找出問題點
提供修正方向
8-4 完善專案各項功能
加入歷史紀錄功能
AI 翻譯 & AI 大綱功能
加入 AI 語音辨識字幕功能

第 9 章 自訂命令與 git 操作
9-1 前置作業
透過 SSH 設定本機與 GitHub 的連線
9-2 用自訂指令自動化 git 提交流程
專案初始設定
建立自訂指令
9-3 設計具備互動功能的自訂指令
互動式自訂指令的流程
提供互動功能的方法
動手實作
測試 /pack-zh 自訂指令
執行固定提交流程的自訂指令：/pack-direct
9-4 狀態讀取與階段性執行腳本設計
流程設計概述
/auto-fix 自定義指令實作
9-5 使用自然語言觸發自定義指令

第 10 章 在 GitHub 召喚 Claude Code 來協作
10-1 在 Github 上安裝 Claude Code
安裝 Github CLI 與帳號認證
安裝 Claude Code 到 GitHub 上
合併 Claude GitHub App 到儲存庫專案中
10-2 Claude Code 在 GitHub 上的協作方式
使用 Claude Code 處理 Issue
Claude Code 在 PR 下的操作行為
10-3 Github 上使用 Claude Code 自定指令
自定指令在 GitHub 上執行的限制與成因
重構指令邏輯，讓指令能在 GitHub 上正確運作
實際展示重構後的指令