實戰：一支影片跟著做，把早報、配圖、報價單做出來
功能與介面更新很快，凡是碰到指令與畫面的操作，以官方當下畫面為準。
這篇你會學到
前六篇把 Claude Code 的能力一件件拆開教：它是什麼（第 1 篇）、怎麼裝（第 2 篇）、怎麼讓它記住你的規矩（第 3 篇）、日常怎麼操作（第 4 篇）、Skills 與 MCP（第 5 篇）、安全與省錢（第 6 篇）。這一篇不教新指令，而是把這些能力真的拿出來幹活——把前六篇當工具箱，做出三個上班族每天用得到的專案。
三個專案來自台灣創作者雷蒙的實戰示範，我們只提煉「可以重複照做的做法」，幫你跟著動手：
- 每日早報
/morning：接上 Gmail、行事曆、Notion，一句指令生出今日早報。 - 截圖變配圖工具：文章寫完，讓 AI 照你原本的封面版型自動生一張新的配圖。
- 報價單即時預覽工具：左邊填、右邊即時看，還能切公司、匯出 PDF、分享出去。
官方原文：Connect Claude Code to tools via MCP、Extend Claude with skills、Common workflows（功能更新以官方為準）
一個核心心態先放這裡：把 Claude Code 當成剛入職、很聰明但手上沒工具的新同事。 你要一步步把工具交到它手上、慢慢給權限、把偏好寫給它記住。前期設定最花時間，一旦接通，後面用得飛快。
專案一：每日早報 /morning
要做什麼
每天早上打一句 /morning，它就自動去看你昨天的 Gmail 與行事曆、翻一下 Notion 任務區，彙整「昨天的近況 + 今天的重點」生一份早報，甚至能設定成每天定時自動送到信箱。
怎麼運用（標好在哪裡點什麼）
第一步：接上外部工具（MCP）。 這是 第 5 篇 教的 MCP（讓 AI 連接外部服務的萬用轉接頭）實際用一次。以 Notion 為例，官方文件給的接法是在終端機打：
claude mcp add --transport http notion https://mcp.notion.com/mcpGmail、Google 行事曆則是 Anthropic 官方託管的連接器，依官方文件它們無法在終端機直接授權——要先到 claude.ai 的「設定 → 連接器（Settings → Connectors）」開啟、完成 Google 授權（做法見官方文章〈Use Google Workspace connectors〉）；連好後它們會自動出現在 Claude Code，你在對話裡打 /mcp 就能看到並管理。像 Notion 這種要你自己註冊的伺服器，才是用上面那行 claude mcp add 加好、再用 /mcp 走瀏覽器 OAuth（一種免輸入密碼的授權方式）登入（依官方文件〈Connect Claude Code to tools via MCP〉，以官方當下畫面為準）。
第二步：Token 存進 .env 檔。 有些服務要你貼一段 Token（等於一把鑰匙）。好習慣是把所有鑰匙集中放進一個叫 .env 的檔案（專門放環境變數用的）。這是開發界約定成俗的做法，AI 一看到這個檔名就知道「這是機密、不要外傳」。你可以直接跟它說「幫我把這個 Token 存進 .env」。
第三步：盤點手上有哪些工具。 接了幾個之後，直接問它：「我目前有哪些工具權限？」它會列一份清單給你，你也能順手抓漏——「你怎麼忘了 WordPress？我也給過你權限」。
第四步：把工具清單寫回 CLAUDE.md。 這步最關鍵。跟它說「把我現在有的工具權限，更新到 CLAUDE.md 裡」。第 3 篇 教過，CLAUDE.md 是它每次開工必讀的備忘錄；工具清單寫進去，以後每個新對話它一開場就知道手上有哪些工具，不用你每次重講。每次新增工具，就補一句「更新到 CLAUDE.md」，養成反射動作。
第五步：做成 /morning 自訂指令。 把「彙整昨天完成 + 今天重點」這套流程做成一個 Skill（參考 第 5 篇 建 Skill 的三步），之後每天打 /morning 就跑一次。它可能先給你兩三個版本挑，你說「用這個、幫我建立」就好。
第六步（進階）：讓它自動化。 流程穩定後，可再做成定時任務，例如每天早上九點自動跑、寄到你信箱。官方有排程機制（scheduled tasks / routines），看需求串接。
三輪練習
- 第一輪 · 照做：只接一個工具（建議 Notion 或 Gmail 選一個），接通後在對話裡問它「幫我彙整昨天這個工具裡的重點」，先確認它讀得到資料。
- 第二輪 · 換自己的資料：把它讀到的內容，改成你真正的工作區（你的專案頁、你的信箱標籤），請它照你要的早報格式（幾段、要不要待辦清單）產一版。
- 第三輪 · 自我檢核：把流程做成
/morning，關掉對話重開一個新的，直接打/morning。能一句話跑出來、內容是今天真的資料，才算過關；跑不出來多半是工具沒寫進 CLAUDE.md，回第四步。
對應資源：Skills 與 MCP（第 5 篇）、CLAUDE.md（第 3 篇）、官方文件〈Connect Claude Code to tools via MCP〉。
專案二：截圖變配圖工具
要做什麼
以前文章寫完，要等設計師在軟體裡一個個拉文字、換圖、改標題，一張封面圖可能等上幾小時。目標是：文章寫完，AI 讀完內容，照你原本的封面版型，自動生一張風格一致的新配圖，你只要驗收。
怎麼運用
第一步：把現有封面截圖丟給它當規格。 你不用會設計。找一張你以前喜歡的封面，截圖後貼進對話輸入框（它會變成一個圖片附件）。跟它說：把這張圖做成一個 HTML 網頁版型，尺寸例如 1200×630，方便之後快速改字、截圖輸出。
第二步：把它做成一個 Skill，重點在「只改內容，不動結構」。 這是整個技巧的靈魂。建一個 Skill，裡面放那份 HTML 當模板，並寫死一條規則：未來給文章時，只替換 HTML 裡的文字內容，不要動 CSS（樣式）和版面結構。 這樣每張圖版型一致，只有文字跟著文章換。這正是 第 5 篇 說的「把重複流程變成 Skill」——像給新同事的一張任務 SOP（標準作業流程）。
第三步：字體不對就把正確字體貼給它。 第一版常常「其他都對、就字體怪」。別自己猜，把設計稿的字體名稱貼給它說「標題要用這個字體，你有嗎？幫我改」，這是最快的收斂方式。
三輪練習
- 第一輪 · 照做：拿一張你現成的社群圖卡截圖，請它變成 HTML，先看它還原得像不像。
- 第二輪 · 換自己的資料：丟一篇你真的寫過的文章給它，讓它照模板生封面，看它會不會自己判讀重點、把標題與數字換成這篇的。
- 第三輪 · 自我檢核：做成 Skill 後，再丟一篇「完全不同主題」的文章，版型不變、內容全換、字體正確，才算過關；字體還是不對，回第三步把字體名貼給它。
對應資源：Skills 與 MCP（第 5 篇）、日常操作 · 貼圖與斜線指令（第 4 篇）、官方文件〈Extend Claude with skills〉。
專案三：報價單即時預覽工具
要做什麼
公司做報價單、合約、勞報單，以前用表格軟體一行行改，最怕同事不小心把字體調掉、拖拉跑版。目標是做一個本地 HTML 小工具：左邊填欄位、右邊即時預覽，還能切換不同公司、瀏覽歷史報價、一鍵匯出 PDF，最後部署成公開網址分享給同事。
怎麼運用
第一步：整張截圖給它當規格。 把現有報價單整張截圖丟給它，開一個新對話，講清楚：「做一個報價單網頁工具，左側填欄位，右側即時預覽，我左邊改、右邊馬上變。發票章和 Logo 等一下給，你先隨便上個底色。」把「功能邏輯、視覺、預設內容」一次交代，它就開始做。
第二步：用你自己的品牌，而不是通用範本。 網路上有整合好看範本的 Skill，沒有品牌規範時拿來用很方便。但公司若有自己的品牌系統（色調、字體、圓角、Logo），把這份系統跟 Logo 一起丟給它，做出來才是「你們公司的」樣子。
第三步：迭代加功能，一句話一個功能。 第一版能用之後，再慢慢長：
- 「左側加一個過往清單，準備三組 Demo（示範用假資料）讓我點擊切換。」
- 「上方加一個切換按鈕，讓我在 A 公司、B 公司之間切，不同公司的發票章跟資訊要跟著換。」
- 「加一個匯出按鈕，點了能印成 PDF。」
一次改一個功能，每次三分鐘上下。這在沒有 AI 的年代，找工程師團隊可能要兩三天。
第四步：想分享就部署。 做完的 HTML 在你電腦上，網址長得像 file:///...，貼到 LINE 給同事是打不開的。要讓大家共享歷史紀錄，得做「部署」（把本地檔案放上網、變成公開網址）。看不懂沒關係：把一篇部署教學文章的網址丟給 AI，問「我這個小工具適合哪個方案？」讓它讀完直接教你——把別人踩過坑的教學丟給 AI 讀，比自己來回摸索快得多。
三輪練習
- 第一輪 · 照做：只做「左填右預覽」最基本版，先確認左邊改、右邊會即時動。
- 第二輪 · 換自己的資料：換上你公司真的品牌色、Logo、欄位名稱，做出一張你敢寄出去的報價單。
- 第三輪 · 自我檢核：加「切換公司 + 匯出 PDF」兩個功能，再把它部署成公開網址，傳到自己手機的 LINE 點得開，才算真的完成（呼應 第 6 篇 說的：沒驗證過不算完成）。
對應資源：安全與成本（第 6 篇）、官方文件〈Common workflows〉。
16 個一次學會的技法速查
上面三個專案其實共用同一批小技巧。這張表把它們濃縮成 16 條，每條都給你「怎麼用」跟「怎麼練」——這就是「每一樣如何運用與練習」的懶人包。
| 技法 | 一句話怎麼用 | 練習方式 |
|---|---|---|
| 1. 語音講需求 | 需求用講的，講完再請它整理成條列 | 對著它口述一個任務，讓它幫你分點，再逐點確認 |
| 2. 卡住就直接問它 | 遇到不會的別自己 Google，叫它幫你上網查更準 | 下次卡關，先打「這個我不會，幫我查怎麼做」 |
| 3. 配好外部編輯器 | 貼長文字在終端機會擠成一行，先配好用外部編輯器編修 | 用 Ctrl+G（或 Ctrl+X Ctrl+E）開外部編輯器改長訊息 |
| 4. 換行不送出 | 打多行需求時不要一按 Enter 就送出 | 用 Shift+Enter，或 \ 加 Enter 換行（依終端機而定） |
| 5. 截圖當規格 | 想要什麼樣子，截圖貼給它比文字描述準 | 把一張現成畫面貼進輸入框，說「照這個做」 |
| 6. Token 存 .env | 機密鑰匙集中放 .env，它會自動避開不外傳 |
跟它說「把這個 Token 存進 .env」 |
| 7. 接 MCP 授權工具 | 用 /mcp 走瀏覽器授權，把外部服務接上 |
照第 5 篇接官方文件伺服器練手 |
| 8. 工具寫回 CLAUDE.md | 新增工具後叫它更新 CLAUDE.md，以後開工自動知道 | 每接一個工具就補一句「更新到 CLAUDE.md」 |
| 9. 盤點手上工具 | 問「我現在有哪些工具權限」抓漏 | 定期問一次，發現漏的就補進 CLAUDE.md |
| 10. 做自訂指令 | 重複流程做成 Skill，打 /指令名 一鍵跑 |
把你每天做的一件事做成一個 / 指令 |
| 11. 排程自動化 | 穩定的流程設定時自動跑 | 讓它把某個指令排成每天定時執行 |
| 12. 只改內容不動結構 | 給 HTML 模板，規定它只換文字、不碰 CSS | 建配圖 Skill 時寫死這條規則 |
| 13. 字體顏色貼正確值 | 樣式不對，把正確字體/色碼貼給它修 | 複製設計稿的字體名，貼給它說「改成這個」 |
| 14. 客製 statusline | 用 /statusline 監看模型與上下文百分比 |
打「顯示模型名稱和上下文百分比進度條」 |
| 15. 上下文太滿就 compact | 上下文條爬太高會變笨，用 /compact 瘦身 |
進度條偏高時打 /compact，保留重點清掉雜訊 |
| 16. 想分享就部署 | 本地 HTML 傳 LINE 打不開，要部署成公開網址 | 把部署教學丟給它，讓它教你選方案 |
技法 3、4、14 的官方依據見〈Interactive mode〉〈Customize your status line〉；其餘操作細節以官方當下畫面為準。想把常用指令一鍵複製，到 Code 指令庫。
五個真實卡站與救法
跟著做一定會撞牆。這五個是台灣創作者實戰示範裡最常見的，先記起來，撞到不慌：
1. MCP 授權網址折行、多空格，貼上就失敗。
症狀：/mcp 授權時複製那串很長的網址，貼回終端機後被折成兩行、開頭還多了空格，按 Enter 一直失敗。
救法：按 Enter 前先檢查網址有沒有斷行或多出空白，接回一整行、刪掉多餘空格再送。更省事的是讓 /mcp 直接開瀏覽器完成授權、自動導回，盡量別手動貼網址（依官方文件〈Connect Claude Code to tools via MCP〉，以官方當下畫面為準）。
2. 上下文爆掉，它開始變笨、忘東忘西。
症狀：聊久了，它前面講好的事又忘了、答非所問。
救法：看 statusline 的上下文百分比，爬太高就打 /compact 壓縮對話、騰出空間；換全新任務直接 /clear。這兩招 第 4 篇 有詳教。
3. 做出來字體不對。 症狀：配圖或報價單版型都對，就字體怪。 救法：別自己調，把正確字體名稱貼給它說「這標籤要用這個字體，幫我改」。給它精確的值，一次到位。
4. 本地 HTML 傳給同事打不開。
症狀：網址是 file:///...，貼到 LINE 對方點不開，各自的歷史紀錄也不同步。
救法：這是本地檔案的天性，要「部署」成公開網址才能共享。臨時可以先把 HTML 檔寄 email 或傳 LINE，對方右鍵用瀏覽器開能用，但紀錄只留在他自己瀏覽器；要真正同步，走部署。
5. Skill 別亂裝。 症狀：看到網路上有現成 Skill 就手癢裝進來。 救法：別隨便引入陌生來源的 Skill，先丟給 AI 幫你判斷安不安全；優先選官方或星星數很高的。這呼應 第 6 篇 的提示注入（有人把惡意指令藏在內容裡騙 AI 執行）風險——來路不明的，寧可不裝。
收尾心法：把它當一週養成的新同事
看到這裡你會發現，難的從來不是技巧，而是「一開始把工具交到它手上」這段設定。這跟帶新人一模一樣：再聰明的員工，第一天也是兩手空空，你得給工具、給權限、告訴他你的規矩，他才會上手。
差別是——Claude Code 沒有上下班時間。真人新同事大公司裡常要兩個月才正式上工；你每天認真陪它優化一小時，大概一個禮拜就能做得有模有樣。訣竅就是這系列一路在講的三樣：把工具接給它、把偏好與規矩寫進 CLAUDE.md、把重複的流程做成 Skill。三樣給齊，它就從「很會聊天」變成「真的能進你常用的工具裡幫你幹活」。
別急著一次到位。挑上面一個專案，今天做第一輪，明天換自己的資料，後天做自我檢核。一週後回頭看，你會嚇一跳。
下一步
- 動手練，每個任務都附指令與驗收：Code 任務清單
- 常用指令、CLAUDE.md 模板一鍵複製：Code 指令庫
- 忘了某個指令或名詞：日常操作（第 4 篇） · 白話詞典
- 回到系列目錄：Claude Code 完全上手