Claude Code Vibe Coding 開發手冊, 2/e
施威銘研究室
相關主題
商品描述
內容介紹:
隨著 Vibe Coding 進入成熟期，身為龍頭產品的 Claude Code 也快速成長，以幾乎日更的方式快速修正 bug 並增添新功能，本書就從新手入門開始，邊做邊學一路熟練各項功能，內容涵蓋：
｜遠端遙控｜
開發到一半要外出？你可以啟用遠端遙控，不論用平板/手機開啟 Claude App，還是透過瀏覽器開啟 Claude Code on the Web，或是利用 Telegram 傳訊息，隨時隨地都可召喚家裡的 Claude Code 繼續工作。還可以指揮 Claude Code 協作修改 GitHub 上的專案。
｜記憶架構全解析｜
分不清楚該寫在 CLAUDE.md？rules 下的 markdown 檔？還是要寫成 Skill？或是記錄在 auto memory 中？本書會帶你認識完整記憶架構，讓個別記憶檔穠纖合度又各盡其職，完美提供 Claude Code 正確的規範。
｜MCP or Skills+CLI｜
聽說 Skills 會取代 MCP？本書會帶大家釐清觀念，用實例呈現 MCP 負責引入外部工具、Skills 建立流程的角色定位，並進一步展示 Skills 結合 CLI 工具，與 MCP 相輔相成擴展 Claude Code 能力。
｜為 SDD 做好準備｜
套用 SDD 開發的第一步就是要有清楚完整的需求，本書會透過最後的數獨遊戲與 YouTube 影片轉投影片的實作範例，示範結合神人設計的 grill-me skill 與 plan 模式規劃出良好的規格，讓實作結果符合需求。
｜多 Agent 分工｜
諸葛亮再強，什麼事都靠他最後也只能鞠躬盡瘁，不如利用 Subagent 把任務分工，在各自獨立的 context 中擔負專精的角色同時處理分項工作，不但省時，也能更專注分項工作提升成果品質，不只是勝過一個諸葛亮，根本多個諸葛亮分身。
｜用 Hook 篩選檔案與命令｜
想要使用 acceptEdits 模式加速交談卻又想依照自訂邏輯管控編輯特定檔案，或者想要使用 bypassPermission 模式放飛，卻又擔心網路上聽到的慘劇發生在自己身上？你可以使用 Hook 攔截對關鍵檔案的修改，也可以防堵惡意命令執行，穩定又安全。
｜用 /loop 與 /routines 建立定期任務｜
Claude Code 不只會生程式碼，也是一個超級小幫手，你可以讓它在本機定時執行任務，甚至可以讓它在雲端定期執行任務，不用電腦一直開，還可以與 GitHub 協作處理執行成果，加上必要的 MCP 或是 CLI 工具，Claude Code 就可以變成通用型的 AI 助手。
｜YouTube 轉投影片與數獨遊戲實戰演練｜
學再多要用得出來，本書在不同章節中會透過像是 PDF 浮水印工具、辦公室點餐等實務範例介紹 Claude Code 功能，最後兩章則是綜合前面所學，先是設計完整功能的數獨遊戲讓你可以無廣告一路破關，接著再設計可以把 YouTube 影片轉換成投影片，有效提供教學型影片的學習效果與方便性，從實作過程中可以看到與模型的溝通技巧與方法，更能有效使用 Claude Code。
本書特色:
隨時隨地聊出好程式
Code the vibe, anywhere
- 遠端遙控不管在哪裡都能持續開發
- 只有瀏覽器也能與 Claude Code 在雲端協作
- 常用斜線命令解析、掌控即時用量、客製狀態列
- 連接 MCP 讓 Claude Code 自動化測試與除錯
- 整合 Skill+CLI 工具快速擴充 Agent 功能
- 多 Agent 專業分工提昇效率與品質
- 用 grill-me Skill 確保產品需求完整再開發
- Hook 串 Telegram 通知不用癡癡等任務完成
- 數獨遊戲/YouTube 影片變投影片實戰演練
- 與 Visual Studio Code 等 IDE 連動
- Windows/macOS/Linux 平台差異全測試
- 用 /loop 和 /routines 定期執行任務變身小秘書
目錄大綱
目錄:
第 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 語音辨識字幕功能
