Claude Code 2026 完整使用指南：從入門到多代理架構的深度解析

sequenceDiagram
    participant Phone as 📱 手機<br/>Claude App
    participant Cloud as ☁️ Anthropic Cloud
    participant PC as 💻 本地電腦<br/>Claude Code

    Phone->>Cloud: 傳送自然語言指令<br/>"整理上週的銷售報表"
    Cloud->>PC: Dispatch 派發任務
    PC->>PC: 背景執行：<br/>讀取 Excel → 分析 → 生成報告
    PC->>Cloud: 任務完成通知
    Cloud->>Phone: 推送結果摘要

flowchart TD
    A[🚀 開始任務] --> B{選擇工作模式}

    B --> C[📋 Ask before edits\n修改前詢問]
    B --> D[⚡ Edit automatically\n自動編輯]
    B --> E[🔓 Bypass permissions\n完全授權]
    B --> F[🗺️ Plan mode\n計畫模式]

    C --> C1["✅ 適合：新手探索\n❌ 缺點：速度極慢"]
    D --> D1["✅ 適合：日常開發\n⚖️ 黃金平衡點"]
    E --> E1["✅ 適合：已知自動化任務\n⚠️ 危險：無任何限制"]
    F --> F1["✅ 唯讀模式，僅輸出架構\n💰 省錢防呆最強工具"]

    style F fill:#0c3a3d,color:#8ff5ff,stroke:#8ff5ff
    style F1 fill:#0c3a3d,color:#8ff5ff,stroke:#8ff5ff

flowchart LR
    A[收到需求] --> B[切換 Plan Mode]
    B --> C[Claude 研究 + 生成藍圖]
    C --> D{架構確認？}
    D -->|需調整| C
    D -->|確認| E[切換 Edit Mode]
    E --> F[Claude 實作代碼]
    F --> G[✅ 完成]

    style B fill:#1e1040,color:#ceb9ff,stroke:#ac89ff
    style E fill:#0c3a3d,color:#8ff5ff,stroke:#8ff5ff

mindmap
  root((CLAUDE.md))
    長度控制
      200-500 行以內
      不要塞入完整 API 文件
      使用 /rules 目錄分割
    結構設計
      頂部放致命規則
      中間放工作流程
      底部放參考資訊
    規則拆分
      code-style.md
      security.md
      testing.md
      git-workflow.md

flowchart TD
    A[Claude 對話開始] --> B[載入所有 Skills 的 Frontmatter]
    B --> C{約 60 Tokens/技能\n消耗極小}

    D[使用者輸入請求] --> E{Claude 判斷\n是否需要技能？}
    E -->|不需要| F[一般對話回應]
    E -->|需要| G[載入完整 SKILL.md\n+ 腳本 + 參考文件]
    G --> H[執行技能工作流]

    style C fill:#0c3a3d,color:#8ff5ff
    style G fill:#1e1040,color:#ceb9ff

flowchart TD
    A[定義二元評估標準\nEvals] --> B[排程執行技能]
    B --> C[自動評分]
    C --> D{分數是否提升？}
    D -->|是| E[Commit 保留此次\n提示詞修改]
    D -->|否| F[Revert 復原\n嘗試其他修改]
    E --> B
    F --> B

    G[["評估標準範例\n✅ 標題是否包含數字？\n✅ 是否有具體視覺錨點？\n✅ 字數是否超過 1500？"]]

    style A fill:#0c3a3d,color:#8ff5ff
    style E fill:#1d2634,color:#a5abb8
    style G fill:#1e1040,color:#ceb9ff

flowchart LR
    A[使用者輸入] --> B[PreToolUse Hook\n工具執行前]
    B --> C{是否通過？}
    C -->|通過| D[Claude 執行工具]
    C -->|攔截| E[阻擋並告知原因]
    D --> F[PostToolUse Hook\n工具執行後]
    F --> G[結果返回]

    style B fill:#1e1040,color:#ceb9ff
    style F fill:#0c3a3d,color:#8ff5ff
    style E fill:#3d0c0c,color:#ff8f8f

flowchart TD
    A[Claude Code] -->|MCP 協議| B[MCP Server]
    B --> C[Slack]
    B --> D[Google Drive]
    B --> E[Notion]
    B --> F[ClickUp]
    B --> G[NotebookLM]
    B --> H[Chrome DevTools]
    B --> I[Neon Database]

    style A fill:#0c3a3d,color:#8ff5ff
    style B fill:#1e1040,color:#ceb9ff

flowchart LR
    A[用 MCP 快速原型] --> B{流程可行？}
    B -->|是| C[請 Claude 參考 MCP\n操作，寫成 Python 腳本]
    C --> D[封裝為專屬 Skill]
    D --> E["🎯 消耗從 20,000 Tokens\n降至不到 100 Tokens"]
    B -->|否| A

    style E fill:#0c3a3d,color:#8ff5ff

flowchart TD
    A["🎯 主代理\nClaude Opus\n（昂貴但智慧）"] --> B[分解任務]

    B --> C["🔍 Research Agent\nSonnet/Haiku\n上網查文件"]
    B --> D["💻 Code Agent\nSonnet/Haiku\n實作功能 A"]
    B --> E["💻 Code Agent\nSonnet/Haiku\n實作功能 B"]
    B --> F["🧪 QA Agent\nHaiku\n跑測試"]

    C -->|結果| G[主代理整合]
    D -->|結果| G
    E -->|結果| G
    F -->|結果| G

    G --> H[✅ 最終交付]

    style A fill:#0c3a3d,color:#8ff5ff
    style C fill:#1d2634,color:#a5abb8
    style D fill:#1d2634,color:#a5abb8
    style E fill:#1d2634,color:#a5abb8
    style F fill:#1d2634,color:#a5abb8

flowchart TD
    A[共享任務面板] --> B["🎨 設計代理 A\n極簡風格"]
    A --> C["🎨 設計代理 B\n大膽撞色"]
    A --> D["🎨 設計代理 C\n企業專業"]

    B -->|完成| E[Git Worktree A\n獨立分支]
    C -->|完成| F[Git Worktree B\n獨立分支]
    D -->|完成| G[Git Worktree C\n獨立分支]

    E --> H[人工選擇\n最佳版本]
    F --> H
    G --> H
    H --> I[合併主分支]

    style A fill:#1e1040,color:#ceb9ff
    style H fill:#0c3a3d,color:#8ff5ff

xychart-beta
    title "Context 使用量 vs AI 回答品質"
    x-axis ["0%", "25%", "50%", "75%", "100%"]
    y-axis "品質分數" 0 --> 100
    line [95, 88, 78, 60, 35]

flowchart TD
    A[任務評估] --> B{任務複雜度}

    B -->|簡單重複| C["🐦 Haiku\n最便宜\n輕量代理、批量處理"]
    B -->|一般開發| D["⚡ Sonnet\n性價比最高\n日常編碼主力"]
    B -->|複雜架構| E["🧠 Opus\n最貴最聰明\n架構決策、研究分析"]

    style C fill:#1d2634,color:#a5abb8
    style D fill:#0c3a3d,color:#8ff5ff
    style E fill:#1e1040,color:#ceb9ff

flowchart LR
    A["🌐 找到靈感網站"] --> B["📸 F12 全螢幕截圖\n壓縮至 5MB 以內"]
    B --> C["📋 複製 body CSS 樣式"]
    C --> D["🤖 給 Claude：\n截圖 + CSS\n要求精準還原"]
    D --> E["📸 對 Claude 結果截圖"]
    E --> F{是否滿意？}
    F -->|否| G["提供兩張截圖對比\n要求修正差異"]
    G --> E
    F -->|是| H["✅ 完成\n通常 2-3 輪迭代"]

    style D fill:#0c3a3d,color:#8ff5ff
    style H fill:#1d2634,color:#a5abb8

flowchart TD
    A["📚 大型文件庫\n99,000 行文件"] --> B["上傳至 Google NotebookLM\n完全免費"]

    C["開發者向 Claude 提問"] --> D["Claude 透過 MCP\n查詢 NotebookLM"]
    D --> E["Google 端執行 RAG\n遠端檢索分析"]
    E --> F["回傳精華結果\n極少 Token 消耗"]
    F --> G["Claude 整合並回應"]

    style B fill:#0c3a3d,color:#8ff5ff
    style E fill:#1e1040,color:#ceb9ff

flowchart TD
    A["語音/文字輸入需求\n'需要登入、提案、電子簽名、支付'"] --> B[切換 Plan Mode]
    B --> C["Claude 生成架構藍圖\nNext.js + Supabase + Stripe"]
    C --> D{架構確認？}
    D -->|調整| C
    D -->|確認| E[切換 Edit Mode]
    E --> F["貼入 Supabase API Key\n+ Stripe API Key"]
    F --> G["Claude 自動生成：\n• SQL 遷移腳本\n• 前後端代碼\n• 認證系統"]
    G --> H[部署至 Netlify]
    H --> I["✅ 15-20 分鐘完成\n媲美 PandaDoc 的 SaaS"]

    style B fill:#1e1040,color:#ceb9ff
    style I fill:#0c3a3d,color:#8ff5ff

mindmap
  root((Claude Code\n2026))
    自主化
      Dispatch 遠端派發
      排程自動執行
      Skills 自我進化
    智慧化
      Plan Mode 防呆
      Context 管理
      首因效應優化
    規模化
      Sub-agents 並行
      Agent Teams 辯論
      Git Worktrees 隔離
    經濟化
      MCP → Skills 轉化
      模型分級使用
      Context Rot 預防