還在羨慕別人用 AI 開發酷產品？Claude Code 保姆級教學讓你輕鬆體驗 Vibe Coding, 動動嘴就能做出 Anything！

Video summary

Claude Code 從安裝、Skills 與 MCP 教學，到用 Vibe Coding 打造 OCR 英文翻譯 Chrome 擴充功能。

影片先示範在 Windows 安裝 Git、透過 PowerShell 安裝 Claude Code，並在 VS Code 設定專案、模型與對話。接著以故事寫作說明跨檔案理解、授權編輯、CLAUDE.md 備忘錄、上下文限制，以及 Skills、Hooks、Subagents、Agents 和 Notion MCP；也提醒 Skills 宜精選，對話用量可在 70–80% 時用 /compact 壓縮。後段以 Vibe Coding 實作 OCR 英文字幕翻譯工具：先用 Opus 和 Plan Mode 整理需求，再讓 Claude 製作 Chrome 擴充功能，透過測試錯誤反覆修正。成品可框選單字、生成例句並建立單字本，還能新增排序方式；最後以 Git 提交版本，並用 /init 建立專案規範，方便後續維護與回復。

Chapters

1. 0:00Claude Code 安裝：Windows 先裝 Git，並以 PowerShell 執行指令
2. 2:26Claude Code 安裝：VS Code 啟動、Pro 授權與圖形化擴充功能
3. 3:31Claude Code 基本操作：Haiku、Sonnet、Opus 三模型切換
4. 4:36Claude Code 基本操作：跨檔檢查角色設定與故事情節矛盾
5. 6:22Claude Code 基本操作：以 @ 指定角色.md，避免小花人設跑偏
6. 7:39建立 CLAUDE.md：固定小花內向人設與標題引導故事規則
7. 9:01建立 CLAUDE.md：反白改寫、自動編輯與三種回退方式
8. 10:25Skills 簡介：按需載入技能，減少 CLAUDE.md 的上下文負擔
9. 13:02Skills 簡介：Nano Banana 製作童書簡報，Skill Creator 建立三分支故事技能
10. 15:29Skills 簡介：精簡技能清單，並以 Hooks 在任務完成時通知
11. 16:57Subagents 簡介：兩個小幫手並行蒐集故事素材
12. 18:01Subagents 簡介：以 /Agents 建立 Sonnet 故事角色專員
13. 19:15MCP 簡介：安裝 Notion MCP，將故事.md 保存到 Notion
14. 20:48MCP 簡介：對話用量達 64%，建議 70–80% 時壓縮
15. 21:30Vibe Coding 實作：用 OCR 製作 YouTube 生字翻譯 Chrome 擴充功能
16. 25:51Vibe Coding 實作：以 /init 建立 CLAUDE.md，並新增三種單字排序