SERIES · 已上線 21 篇 / 共 21 篇
2026 Claude Code 學習指南
初學者的 Claude Code 懶人包。分五個主題區，每篇做出一個看得到的作品；不用按順序讀，選一區就能開始。
新手第一站
10 分鐘上手 Claude Code
剛聽過 Claude Code、還沒裝的人從這裡開始。看完你會裝好它，並用一句話做出第一個作品。
裝好 Claude Code，一句話做出你的第一個小遊戲（2026 新手教學）從安裝、登入到做出一個能玩的貪食蛇，10 個步驟，不需要會寫程式。附 Claude Code 2.1.304 實際畫面。
Claude Code、Desktop、Cowork 差在哪？一張表選對工具（2026）Claude 的下載頁有好幾個名字。看一張表、回答三個問題，選出適合你的 Chat、Cowork 或 Claude Code，再找到要去哪裡裝。
Claude Code 指令與快捷鍵懶人包：每天 10 個、進階 6 個、隱藏版 6 個接續對話、指定檔案、叫停、退回是每天用的 10 個；看對話空間、省用量、連外部工具、看多個 agent 進度是進階 6 個；另附 6 個知道的人不多的隱藏版。附 2.1.304 與 2.1.305 實際畫面，在貪食蛇專案裡一個一個試。
Claude Code 2026 更新懶人包：新手先學這 5 個Claude Code 今年從 2.1.0 更新到 2.1.304，新手先學 5 個：auto 模式變成預設、/recap、/goal、/loop、中文提示建議。附 2.1.304 實際畫面，在貪食蛇專案裡一個一個試。
讓它懂你
設定一次，之後都省事
用過幾次、開始覺得每次都要重講很煩的人。設定一次，之後每個 session 都照你的規矩。
CLAUDE.md 是什麼？寫一次，Claude Code 每次開工都先讀你的規矩每次開新對話都要重講一次「用中文」「不要亂加檔案」？把規則寫進 CLAUDE.md，Claude Code 每次開工都會先讀。5 個步驟：/init 產生、加上你的規則、開新對話驗證、用 /context 確認有載入。
Claude Code Skills 教學：把重複工作變成一個 / 指令幫遊戲換配色，每次都要重講做法？把做法存成 skill（可以重複用的工作說明），之後輸入 /new-skin 海洋 就加好海洋配色。5 個步驟：請 Claude 寫 skill、看懂 SKILL.md、重新載入、用一次、換主題再用一次。附 2.1.304 實際畫面。
Claude Code 權限設定懶人包：該自動的自動、該問的一定問allow、ask、deny 三種規則，一次設好：改 index.html 不用問、rm 刪檔一定先問、.env 絕對不准讀。5 個步驟，附 Claude Code 2.1.304 實測：auto 模式下 ask 規則照樣會問。
幫 Claude Code 換個性：讓它變成嚴格的程式審查員用 output style 讓 Claude Code 換一種工作方式：只挑毛病、不改檔、照嚴重程度排序、最後給總評。5 個步驟，附 2.1.304 實測：它幫貪食蛇找出 8 個問題，被要求修改時也拒絕改檔。
一句話做出作品
網站、設計、上線
想做出能給別人看的東西。從一句話做出個人網站，到套設計、加動畫、加排行榜，最後免費上線。
一句話做出個人網站：Claude Code 新手作品集教學用 plan 模式先看計畫再動手，一句話做出有首頁、關於我、作品區的個人網站，手機也能玩你的貪食蛇；再一句話改成淺色風格。5 個步驟，附 Claude Code 2.1.305 實測：3 分 11 秒做好。
不會 Figma 也能：把設計稿變成你的網站（Figma MCP 教學）裝好 Claude Code 的 Figma 外掛，貼上一個社群範本的畫框連結，一句話把個人網站換成設計稿的外觀，文字一個字都不動。6 個步驟，附 2026-10-21 實測：2 分 36 秒改好，還說明了哪些地方刻意沒照做。
用 Claude Code 做 SVG 動畫：Logo、Loading 一次搞定一句話做出會動的 Logo 圖檔（SVG）和載入動畫：說清楚畫面、動作、時間、播幾次，Claude Code 就寫好放進網站。4 個步驟，附 Claude Code 2.1.305 實測：Logo 49 秒、Loading 25 秒，再一句話調好先後順序。
一句話幫小遊戲加上排行榜：Claude Code 串資料庫教學用 Supabase 免費方案幫貪食蛇加上線上排行榜：建專案、放好網址和金鑰、在 plan 模式先看資料表和安全規則，核准後一句話做好。7 個步驟，附 2026-10-21 實測：2 分 50 秒做完，原本 8 項測試全過。
做好的網站免費上線：GitHub + Vercel 3 步驟部署一句話讓 Claude Code 把個人網站推上 GitHub，用 Vercel 免費方案部署，拿到手機也打得開的公開網址；之後改一句話、push，網站自動更新。附 2026-10-21 實測與一次 Blocked 部署的解法。
讓它替你工作
自動化：設好條件，回來看結果
已經會用、想讓它自己多做一點的人。設好條件、交出去，回來看結果。
Claude Code /goal 教學：設好完成條件，讓它自己做到完用 /goal 讓 Claude Code 朝目標一路做下去，不用一直按繼續：寫出看得到的結果、怎麼證明、哪些不能動、最多幾輪。4 個步驟，附 Claude Code 2.1.305 實測：59 秒修好貪食蛇的真 bug，測試全過才停。
Claude Code Hooks 教學：每次改完自動檢查，改壞了當場擋下用一句話請 Claude Code 寫好 hook：每次改完 index.html，自動檢查 JavaScript 語法、再跑測試，有錯就把錯誤丟回給它當場修。4 個步驟，附 Claude Code 2.1.305 實測：少一個括號、拿掉撞牆判斷，都被當場擋下。
讓 Claude Code 每天自己工作：排程教學在 claude.ai 建一個雲端排程任務：每天早上 9:07，Claude 自己打開你的 my-site repo，更新一段「今日小知識」並開 pull request，電腦關機也照跑。6 個步驟，附 2026-10-23 實測：按 Run now 約 1 分鐘就開好 PR，合併後 Vercel 自動上線。
手機遙控 Claude Code：不在電腦前也能讓它繼續做電腦上的 Claude Code 開著，輸入 /remote-control，就能用手機的 Claude App 接手同一個對話：在手機打字、在手機核准改檔，電腦上同步看得到。5 個步驟，附 2026-10-22 實測：iOS 26.5.2、Claude Code 2.1.307，8 秒改好網站文案。
進階
讓它更強
基本都會了、想再進一步的人。讓它連外部工具、組隊分工、自己檢查網站，最後用程式指揮它。
Claude Code MCP 教學：連上 GitHub 等外部工具用一把只能碰 my-site 的 GitHub 權杖，一行 claude mcp add 連上官方 GitHub MCP，讓 Claude Code 直接替你的網站開 issue，不用切視窗。5 個步驟，附 2026-10-23 實測：Claude Code 2.1.309，/mcp 看到 47 個 GitHub 工具，19 秒開好 issue #2。
Claude Code Subagents 教學：組一支 AI 小隊，一個寫、一個審用一句話請 Claude Code 建兩個 subagent：game-builder 負責加功能、game-reviewer 只能讀檔和跑測試，負責挑毛病。4 個步驟，附 Claude Code 2.1.309 實測：金色食物功能 1 分 18 秒做完，審查找出 1 個中等問題，修好後複審通過。
Claude in Chrome 教學：讓 AI 自己打開瀏覽器檢查你的網站讓 Claude Code 打開瀏覽器、把視窗縮成手機大小，截圖找出跑版再自己修好。兩種接法：安裝 Claude in Chrome 擴充，或透過 Playwright MCP 讓它操作另一個瀏覽器。附 Claude Code 2.1.309 實測：手機版作品卡片的標籤字太小、左右留白差 7px，改完再截圖量過。
Claude Agent SDK 入門：用 Python 寫出你自己的 AI 助理不想每次都開終端機打字？用 Claude Agent SDK 寫一支 21 行的 Python 程式：丟一個資料夾，它自己讀完裡面的 Markdown（.md）筆記，整理出已決定的事、還沒決定的事和誰要做什麼。附 2026-10-23 實測：claude-agent-sdk 0.2.173，一次約 US$0.10–0.20。
學完整個系列，你會的事
| 新手第一站 | 裝好、登入、用一句話做出作品，看懂核准畫面並會切模式 |
|---|---|
| 讓它懂你 | 專案有自己的規則、指令、權限與審查角色，開新 session 照做 |
| 一句話做出作品 | 做出個人網站、套設計、加動畫、串資料庫、免費上線 |
| 讓它替你工作 | 設完成條件讓它做到完、改完自動檢查、定時自己跑、手機遙控 |
| 進階 | 連外部工具、組 AI 小隊、讓它開瀏覽器檢查網站、用 Python 寫自己的助理 |
常見問題
- 不會寫程式，也能跟著這個系列學嗎？
- 可以。這個系列寫給初學者，每一步都有完整的提示詞和實際畫面，照著做就能做出作品；需要程式的地方由 Claude Code 寫，你負責說清楚要什麼、看它做得對不對。
- 一定要照順序讀嗎？
- 不用。五個主題區由淺到深，選符合你現在目標的那一區開始就好；第一次用 Claude Code 的話，從「新手第一站」開始。
- Claude Code 要付費嗎？
- 要。Claude Code 需要 Pro、Max、Team、Enterprise 或 Console 帳號，免費方案只能用 Chat；各方案和 Claude Desktop、Cowork 的差別，整理在新手第一站的第 02 篇。