翼王資訊社

知識分享 · Claude Code

Claude Code 從 0 到 1：模式、回滾、MCP、Skill 與 SubAgent 一次講透

三種模式怎麼切、回滾有什麼陷阱、設計稿怎麼餵、CLAUDE.md 放什麼、Skill 和 SubAgent 到底差在哪 —— 一支 44 分鐘的實戰全攻略整理成速查手冊，學會一套，同類工具一通百通。

翼王資訊社 · 知識分享 2026-08-25

Step 00 · 全景

這篇在講什麼、為什麼值得學

Claude Code 是在終端機裡跑的 AI 開發代理：你用白話下需求，它動手寫程式、跑指令、改檔案。這支 44 分鐘的影片把它從安裝到進階擴充完整走了一遍，講者開場的一句話值得先記住：市面上同類的編程 Agent（Codex、OpenCode…）功能與用法大同小異，吃透一套就一通百通。

本文把整支影片整理成速查手冊式的九節。若你想先建立「該怎麼用它」的心法，本專欄第三篇〈Claude Code 怎麼用才對？作者 Boris Cherny 的實戰心法〉是最好的前菜 —— 那篇講觀念，本篇講操作。

編按：這個網站就是用 Claude Code 維護的。你現在讀的知識分享專欄、首頁的系統介紹頁，都是用它產出與部署的 —— 所以本文整理的每個功能，我們自己天天在用，不是紙上談兵。
Step 01 · 模式

三種模式與權限的哲學

按 Shift + Tab 可以在三種模式之間循環，這是最先要搞懂的一件事：

Shift + Tab 在三種模式間循環 預設模式 改檔案前一定先問你 最穩妥，新手從這裡開始 自動模式（accept edits on） 檔案操作自動通過不再問 最省事，適合放手讓它做 規劃模式（Plan Mode） 只聊方案，不動任何檔案 大改動之前先來這裡 權限其實分兩層：「改檔案」由模式控制；「執行終端指令」被視為較危險的操作， 就算開了自動模式，安裝套件、刪檔案這類指令仍會逐項詢問（頂多允許特定目錄或特定指令）。 --dangerously-skip-permissions：跳過一切詢問的雙刃劍。 效率拉滿，但它從此擁有跟你一樣的終端權限 —— 官方把「危險」寫在參數名裡，要不要換，你自己決定。

三種模式＋兩層權限。搞懂這張圖，就不會再納悶「我不是同意過了嗎，怎麼又問」。

Step 02 · 速查

日常操作速查表

影片示範過的日常操作。加粗的三個最常用。
操作做什麼
Shift + Tab循環切換三種模式（預設／自動／規劃）
! 開頭進入 bash 模式，直接跑終端指令（例：!open index.html）
Shift + Enter輸入框換行（直接按 Enter 會送出；沒作用就該升級版本了）
Ctrl + G叫出 VS Code 編輯長提示詞，存檔關閉後內容自動填回輸入框
Ctrl + B　→　/tasks把會「卡住對話」的長時任務（如開發伺服器）丟到背景；/tasks 查看、按 k 結束
Ctrl + O展開被截斷的完整輸出
Ctrl + V貼上剪貼簿裡的圖片 —— 注意 macOS 也是 Ctrl 不是 Command
/resume　或　claude -c找回之前的對話／啟動時直接接續上一次對話
/compact・/clear壓縮上下文（可附壓縮策略）／整個清空重來
/rewind（或連按兩下 ESC）回滾到之前的檢查點（陷阱見第 4 節）
Step 03 · 規劃

Plan Mode：先談好再動工

影片的示範情境很典型：AI 一開始把整個待辦軟體寫在一個 HTML 檔裡，能動，但專案做大會是災難 —— 要重構成現代架構。改架構是大工程，最好先確定細節再動手，這正是 Plan Mode 的用途：切過去、描述需求，它會產出一份完整計畫（目標、項目清單、目錄結構），然後給你三個選項 —— 執行並自動同意、執行但逐項確認、繼續修改計畫。

對計畫不滿意就選第三項，直接補需求（影片補的是「每個待辦事項加優先級、用顏色標記」），它會重出一份。計畫談定了才放行 —— 這個節奏跟本專欄第八篇 grill-me 的精神一脈相承：想清楚之前，不准寫程式。

Step 04 · 後悔藥

回滾 /rewind 與它的陷阱

加了一個功能之後反悔了？連按兩下 ESC（或輸入 /rewind）進入回滾頁面：每次你送出請求，它都自動建了一個回滾點，選一個，再選要回滾什麼 —— 程式碼和對話一起回、只回對話、只回程式碼、或取消。

影片實測踩到的陷阱，務必記住：/rewind 只能回滾「Claude Code 自己寫入的檔案」。示範中回滾到重構前，結果目錄裡還躺著一堆檔案 —— 因為那些是終端指令（mkdir、npm install）生出來的，回滾管不到。講者的結論跟我們的經驗一致：要精準回滾，還是用 Git —— 這正是上一篇〈不會寫程式也要懂的 Git〉存在的理由。
Step 05 · 設計稿

把設計稿餵給它：圖片 vs Figma MCP

你在 Figma 畫好了理想的介面，要 AI 照做。兩條路：

  • 路線一：丟圖片。設計稿匯出 PNG，直接拖進視窗或 Ctrl + V 貼上。行得通，但字體、間距這類細節常常還原得不夠精確 —— 它只看得到像素。
  • 路線二：接 Figma 的 MCP。裝好 Figma 官方的 MCP Server、/mcp 完成授權，然後把設計稿連結貼給它 —— 這次它拿到的不是圖，而是元件的實際間距、字體樣式等結構化資料，還原度高得多。影片實測的成品幾乎與設計稿一致。
MCP 是什麼？本專欄第六篇的白話定義：工具界的統一插頭。Figma 這顆插頭插上之後，AI 就多了「讀設計稿結構」的能力 —— 這正是 MCP 生態的典型用法。
Step 06 · 記憶

上下文管理與 CLAUDE.md

對話久了，上下文塞滿程式碼與工具紀錄 —— 又肥又慢。/compact 把它壓縮成摘要（Token 消耗立刻降下來），/clear 則整個清空。但這兩招都綁在單一對話裡：下次重開，AI 又什麼都不記得了。

要讓它「每次進來都知道的事」，寫進 CLAUDE.md：用 /init 讓它自動生成一份（描述專案結構與慣例），之後想改用 /memory 直接開檔。影片的示範很傳神：在檔尾加一句「每次回答最後必須加 Happy Coding」，重啟後果然每句都帶 —— 專案的規矩、注意事項、常用指令，全部放這裡。它分兩級：專案級（放專案目錄，對這個專案生效）與使用者級（放個人目錄，走到哪跟到哪）。

Step 07 · 擴充

擴充四件套：Hook、Skill、SubAgent、Plugin

  • Hook：在特定時機自動執行你的指令。影片示範「每次寫完檔案就自動跑格式化工具」（/hooks → 選 PostToolUse → 對 write/edit 掛上 prettier）—— 從此 AI 寫的程式碼永遠排版整齊。設定可存三個層級：本機專案、專案（隨 Git 分享給全隊）、使用者。
  • Agent Skill：給 AI 看的說明書、動態載入的提示詞。影片的例子：把「日報格式」寫成 SKILL.md，之後說「寫一份每日總結」它就自動照格式產出，也可以用 /daily-report 直接點名呼叫。（Skill 的完整原理見本專欄第六篇。）
  • SubAgent：獨立的分身代理，有自己的上下文、工具與模型。/agents 建立，影片做了一個「程式碼審查員」：只給唯讀工具、指定審查準則與輸出格式。
  • Plugin：全家桶安裝包 —— 把 Skill、SubAgent、Hook、MCP 打包，/plugin 一鍵安裝。影片裝了 frontend-design，同一句「做個待辦軟體」，成品的排版與配色立刻脫胎換骨。

最容易混淆的一題：Skill 和 SubAgent 差在哪？

影片給了全網最清楚的答案：差在上下文的處理方式。

Agent Skill：同一個腦袋 主對話上下文 Skill 的每一步思考都寫進這裡 ✓ 需要今天對話脈絡的任務（寫日報） ✓ 產出輕、過程短的任務 ✗ 拿它審幾萬行程式 → 上下文被塞爆 　Token 飆升、AI 記憶過載變慢變笨 SubAgent：另開一個腦袋 主對話 乾乾淨淨 分身的獨立上下文 中間過程都留在這 做完只回報最終結果，主對話不被灌爆 ✓ 過程量大的任務（全案程式碼審查） ✓ 與當前對話脈絡關聯小的獨立工作 ✗ 需要今天完整脈絡的任務（它看不到）

一句話記：跟脈絡有關、動靜小 → Skill；跟脈絡無關、動靜大 → SubAgent。

Step 08 · 總結

一句話總結

這支影片的價值在於把 Claude Code 的能力分了層：模式與權限是安全帶、Plan Mode 是動工前的談判桌、回滾是後悔藥（但精準的後悔藥叫 Git）、MCP 是外接能力的插座、CLAUDE.md 是長期記憶，而 Hook／Skill／SubAgent／Plugin 是把「你的做事方法」制度化的四件套。工具會迭代，這個分層不會 —— 這也是為什麼學會一套，同類工具都能上手。

互動實驗室：這個需求該用哪個功能？

四個常見的「我想要它每次都……」，點選看該用四件套裡的哪一件：

載入中……

參考與引用來源 (References & Sources)

  • 1. 原影片來源 (Original Video) 影片標題：Claude Code 從 0 到 1 全攻略 —— MCP / SubAgent / Agent Skill / Hook / 圖片 / 上下文處理｜頻道：馬克的技術工作坊｜片長 44:44｜2026-01-25 上傳。本文為該影片內容的臺灣用語改寫與整理。 https://www.youtube.com/watch?v=AT4b9kLtQCQ
  • 2. Claude Code 官方文件 本文提到的模式、Hook、Skill、SubAgent、Plugin 的權威規格都在這裡。 https://docs.claude.com/en/docs/claude-code/skills
  • 3. 本專欄的互補篇章 心法篇：第三篇〈Claude Code 怎麼用才對？〉；概念地基：第六篇〈從 LLM 到 Agent Skill〉；Git 基本功：第十篇〈不會寫程式也要懂的 Git〉。 knowledge/claude-code-practical-tips.php

MORE

12GB 顯示卡跑 1,250 億參數？拆解 Strata：本地大模型的新路線與真實成本 RTX 5070 12GB 加 64GB 記憶體，跑 1,250 億參數模型短對話每秒 94 個 Token。Strata 怎麼把模型拆成三層放、哪些硬體跑得動、什麼情況付雲端 API 反而划算，一篇講清楚。 讓 Claude Code 長出新本事：逆向工程、把整本書變技能、用說的畫 3D 零件 200＋10% 為什麼等於 220？讓 Claude Code 接上 REA 從成品反推計算機的規則，再把整本技術書變成按需載入的技能、用白話畫出 3D 零件——三個開源專案，看懂 MCP 給手腳、Skill 給知識。 從一個人用 AI 到 AI Native 公司：規格書是鷹架，不是藍圖 花一個月寫了 5,000 行以上的規格書，連基礎模組都跑不起來；拆成小模組，一兩天就跑通。陳宜昌從這個失敗講到 AI Native 公司：AI 負責執行，人只鎖住驗證、介面、use case 三道關卡。 AI 用不好，不是模型的問題：Prompt、Context、Harness、Loop、Graph 五層功夫 一個以 Claude 為腦的 AI 翻出八個月的工作紀錄：做法改了 41 次，因為換了更聰明的模型而改的是 0 次。AI 用不好，缺的是 Prompt、Context、Harness、Loop、Graph 五層功夫。

全部 21 篇文章 →　　← 回首頁