歡迎來到 Claude Code 教學
這是一份寫給完全新手的教學。就算你從沒打過一行程式、看到「終端機」三個字會緊張，也沒關係——我們會從最最基礎開始，用生活裡的比喻一步步帶你上手。
從第 0 章開始 →第一次來，只要先走第 0～3 章。
你會認識工具、打開終端機、完成安裝與登入。目錄後半部是有實際專案後再回來查的進階內容，今天看不懂或還用不到都可以先略過。
還不確定為什麼要從聊天網頁換到 CLI？
先讀跨工具的〈為什麼要用 AI CLI？〉：用 10 分鐘看懂適用情境、第一次安全任務，以及長開發怎麼靠 Plan、Git、驗證與交棒接起來，再回來選工具。
這份教學會帶你學什麼？
Claude Code 是一個「住在你電腦裡、會自己動手」的 AI 工程師。它不只是回你文字，而是能真的讀你的檔案、改你的程式、在你的電腦上跑指令。這份教學會帶你從零開始，學會怎麼跟它合作。
下面是完整的章節地圖。第一次只要照第 0～3 章走完；後面的工作流、自動化與團隊內容，等你有實際專案時再回來查即可。
常用指令與情境推薦
Claude Code 最適合拿來做「規格化、設計決策、前景派工、收尾審查」。官方支援 /plan、/agents、@"name (agent)" 明確觸發子代理、bundled skills 與 /code-review；你的 @"uiux (agent)"、@"frontend (agent)"、/component-audit 則是個人化 agent/skill 範例，要在自己的 ~/.claude 或專案設定裡先建好。
| 情境 | 推薦指令 | 怎麼用 |
|---|---|---|
| 先把需求變規格 | @"uiux (agent)" ultrathink | 請 UIUX agent 先訪談、列限制、產出版面/流程/驗收規格，不直接改檔。 |
| 依規格做介面 | @"frontend (agent)" ultrathink | 把上一輪 UIUX 規格交給 frontend agent，要求它照現有設計系統實作並自測。 |
| 架構模組化稽核 | /component-audit | 檢查元件邊界、重複邏輯、命名、狀態流與 CSS/設計 token 是否一致。 |
| 大量探索或審查 | /agents 或明確 @agent | 把研究、測試輸出、log 分析、PR review 分給子代理，主對話只收摘要。 |
| 收尾出貨 | /diff、/code-review ultra、/verify | 先看 diff，再跑多代理審查與實機驗證；發現方向錯用 /rewind 回 checkpoint。 |
先確認再用：這是一套已經自行建立 uiux、frontend agent 與 component-audit skill 的個人工作流；名稱不同或尚未設定時，請不要照貼。
# 個人化 Claude 標準流：規格 → 實作 → 稽核 → 收尾
@"uiux (agent)" ultrathink。先確認需求、使用者流程、版面層級、元件狀態與驗收標準，只輸出詳細規格。
@"frontend (agent)" ultrathink。依 UIUX 規格實作，沿用現有 design system，不做無關重構，完成後自測。
/component-audit 檢查這次改動的模組邊界、重複邏輯、可維護性與 UI 一致性。
/code-review ultra
/verify官方 @agent、subagents、skills、/code-review、/verify 為 Claude Code 官方文件中的能力；個人化 @"uiux"、@"frontend"、/component-audit 是你的自建流程名稱。
小提醒
不用急著一次讀完。建議照順序，邊讀邊在自己電腦上跟著做一次，學起來最快。右上角的 A−／A＋ 可以調整文字大小，調好之後翻到別章也會記得。