Claude 互動式官方技術教學｜快樂學習版

🎒 先用「課程地圖」找到自己的入口

不要從第一頁死背。把 Claude 當成 4 層能力：會聊天、會整理資料、會寫程式、會長時間做事。

Level 1

一般使用者

claude.ai 介面
檔案分析
Web Search / Research
Memory / Style

Level 2

專案型工作者

Projects + Knowledge
Artifacts 做網頁
指令模板
穩定產出 SOP

Level 3

AI 開發新手

Claude Code
Git + /diff
/plan 小步改檔
/review 上線檢查

Level 4

Agent / 自動化

MCP 外部工具
Hooks 自動規則
/loop /schedule
Batch / Cache 成本控管

🧠 內嵌心智圖：Claude 能力總覽

點節點可跳到對應教學區。這份網頁把「使用、開發、自動化、安全、成本」放在同一張腦圖中。

Claude 學習核心
從聊天到自動化代理

💬 claude.ai
日常操作

📚 Projects
知識庫

🎨 Artifacts
互動產出

🧪 API
Cache / Batch

💻 Claude Code
終端機 Agent

⌨️ 指令中心
Slash / CLI

🔌 MCP / Hooks
外部工具

🛡️ 安全上線
權限 / 回滾

🍱 模型像便當：照任務選，不要盲目用最貴

Opus 負責硬仗，Sonnet 負責主力工作，Haiku 負責高速大量任務。實際可用模型與價格以官方帳戶頁與 API docs 為準。

🧭 任務判斷器：我現在該用哪一套？

按你的任務類型，立刻得到模型、Claude Code 指令、風險提醒與建議流程。

💬 claude.ai 教學深化：一般使用者先熟這 6 件事

這不是單純聊天介面。把開關、檔案、研究、記憶、Artifacts 與 Projects 配好，Claude 才會穩定。

📎

檔案上傳

PDF、Word、Excel/CSV、圖片、文字與程式碼都能分析。一次性對話用上傳；長期專案改放 Projects Knowledge。

🔎

Web Search / Research

需要最新資訊時打開搜尋；需要多步驟調查與報告時用 Research。重要結論要求附來源。

🧠

Memory / Style

Memory 記長期偏好；Style 學你的寫作語氣。工作資料不建議亂存記憶，專案資料放 Knowledge。

🧩

分段指令

先要求「摘要 → 問題 → 計畫 → 等我確認」，不要一口氣叫它全部做完。

🎛️

Thinking / Effort

複雜推理、審查、程式重構才提高 effort；簡單格式轉換用低 effort 或快速模型。

🗂️

對話管理

一個任務一個對話。換主題開新對話；同一長期主題放同一 Project。

📚 Projects：把 Claude 變成你的固定專案助理

適合房仲工具、課程整理、公司知識庫、法規資料、API 文件。核心是 Instructions + Knowledge Base。

✅ 建議 Project Instructions

你是我的 AI 專案助理，請使用繁體中文（台灣用語）。
我的程度：程式新手，請用步驟化教學。
工作方式：
1. 先確認需求與風險，不要直接改動。
2. 複雜任務先拆成清單與流程圖。
3. 程式碼需附中文註解。
4. 每次修改後列出驗收方式。
5. 不確定時要說明不確定，不要猜。

📦 Knowledge Base 放什麼

資料	適合度	原因
API 文件	★★★★★	穩定、常被引用、快取效益高
公司 SOP	★★★★★	可讓每次回答一致
專案規格書	★★★★☆	讓 Claude 知道範圍與限制
每天變動價格	★★☆☆☆	應改用搜尋或資料庫

🎨 Artifacts：把答案變成可操作的小工具

Artifacts 不只是漂亮頁面，最適合做教學網頁、Dashboard、試算器、流程圖、表單原型、資料視覺化。

🌐

HTML 網頁

完整 CSS/JS，適合分享教學、Landing page、簡易工具。

⚛️

React 元件

適合 Dashboard、互動表格、Recharts、UI 組件。

🧭

Mermaid / SVG

適合流程圖、心智圖、系統架構與教學圖。

📊

資料圖表

用 CSV/Excel 搭配 Code Execution，可整理分析與圖表。

🧪 API / Prompt Caching / Batch：成本與效能教學

API 要穩，關鍵不是只會呼叫模型，而是會控 max_tokens、thinking、cache、batch、工具與錯誤回退。

💸 快速成本試算

🧊 Prompt Caching 何時用？

固定內容放前面
System prompt、工具定義、長文件、規格書。

變動內容放後面
使用者問題、時間、即時資料不要放在 cache block。

檢查 usage
cache_read_input_tokens > 0 才是真的命中。

API 範例：Adaptive Thinking + Effort ＋

from anthropic import Anthropic
client = Anthropic()

response = client.messages.create(
    model="claude-opus-4-8",
    max_tokens=16000,
    thinking={"type": "adaptive", "display": "summarized"},
    output_config={"effort": "xhigh"},
    messages=[{"role": "user", "content": "請審查這個重構計畫的風險"}]
)
print(response)

API 範例：Prompt Caching 斷點＋

response = client.messages.create(
    model="claude-sonnet-4-6",
    max_tokens=2048,
    system=[{
        "type": "text",
        "text": "這裡放長期固定的專案規格、API 文件、規則...",
        "cache_control": {"type": "ephemeral"}
    }],
    messages=[{"role":"user", "content":"根據規格，請設計資料表"}]
)

API 範例：Batch 大量任務＋

# 適合非即時大量任務：大量摘要、批次分類、文件分析
batch = client.messages.batches.create(
    requests=[
        {
            "custom_id": "case-001",
            "params": {
                "model": "claude-sonnet-4-6",
                "max_tokens": 1024,
                "messages": [{"role":"user", "content":"摘要這份文件..."}]
            }
        }
    ]
)

💻 Claude Code：新手最穩的 4 步驟

你要的是能做工具、能改程式、未來能做 Agent。流程要穩，不是叫 AI 一次全做完。

🪄 安裝與第一次進專案

# 官方產品頁目前也提供 install.sh 安裝方式；若你沿用 npm，先確認 Node.js 18+
node --version
npm install -g @anthropic-ai/claude-code

# 進入專案
cd path/to/your-project
claude

# 第一次先初始化專案記憶
/init
/plan 請先閱讀專案，不要改檔，整理架構與風險

🧯 新手保護設定

{
  "permissions": {
    "defaultMode": "plan",
    "allow": ["Read", "Bash(git status)", "Bash(git diff *)"],
    "deny": ["Bash(rm *)", "Bash(sudo *)", "Bash(git push *)"]
  }
}

⌨️ 最重要：Claude Code 指令全索引

這裡把 session 內 slash commands、終端機 CLI commands、CLI flags 分開整理。可搜尋、分類、複製範例。

📝 可以直接複製的範例 Prompt

把指令和自然語言搭配，Claude Code 才能穩定照你的節奏工作。

🔌 MCP / Hooks / Routines：讓 Claude 接工具、守規則、自己跑

MCP 負責「接外部工具」，Hooks 負責「固定自動規則」，/loop 與 /schedule 負責「持續或排程」。

🔌

MCP

連 GitHub、Notion、PostgreSQL、Sentry、Slack 等工具。連接前先確認信任來源，避免 prompt injection。

🪝

Hooks

在 SessionStart、PreToolUse、PostToolUse、Notification 等事件自動執行命令或檢查。

⏰

Routines

用 /schedule 建立雲端排程、事件或 API 觸發任務。適合固定巡檢或追蹤。

MCP 範例：加入遠端 HTTP server ＋

# 基本語法
claude mcp add --transport http <name> <url>

# 範例：Notion
claude mcp add --transport http notion https://mcp.notion.com/mcp

# 進入 Claude Code 後管理
/mcp
/mcp reconnect notion

Hooks 範例：改檔後自動格式化＋

{
  "hooks": {
    "PostToolUse": [
      {
        "matcher": "Edit|Write",
        "hooks": [
          {
            "type": "command",
            "command": "jq -r '.tool_input.file_path' | xargs npx prettier --write"
          }
        ]
      }
    ]
  }
}

長時間任務範例：部署監控＋

/loop 5m 檢查 GitHub Actions 部署是否完成；若失敗，讀取錯誤並提出修復計畫，不要直接 push。

/schedule 每天早上 9 點檢查 open PR、CI 失敗與安全警告，整理成待辦清單。

🛡️ 安全上線檢查：讓 AI 會做事，也要可控

Claude Code 越強，越要有保護欄。尤其你要做房仲工具、客戶資料、自動聯繫與廣告流程時，權限和紀錄很重要。

🚫

先禁危險指令

rm、sudo、git push、生產資料庫寫入、金流/客資批次寄送，都應預設 deny 或 ask。

🌿

用 Git 當安全網

每個小步 commit；改壞用 /rewind + git checkout 回復。

✅

上線前必審

/diff → /code-review → /security-review → /verify，再部署。

📌 資料來源與更新口徑

本頁以你提供的 PDF 手冊為底稿，並針對 Claude Code 指令與官方文件做重新整理。官方功能會變動，發布前仍建議再用 /release-notes 或官方 docs 複查。