Topic Hub · SEO Landing

Claude Code 完整指南:CLI agent 從安裝到 Plugin 開發

Claude Code 是 Anthropic 在 2025 推出的命令列 AI agent — 不只回答問題,會直接改檔、跑指令、跨 session 累積知識。本頁集合我在實戰中寫的 Claude Code 教學:從 5 分鐘安裝、Plugin 開發踩坑、自寫 Skill、Stop Hook 攔截、Remote Control 手機操作,到本地 LLM 接入。

#Claude Code #Claude Code 教學 #Claude Code 安裝 #Claude Code Plugin #Claude Code Skills #Claude Code Hooks

📌 主題介紹

Claude Code 跟 ChatGPT / Cursor 差在哪? ChatGPT 只會回字、要你自己動手;Cursor 偏 IDE 內補完;Claude Code 是「跑在 terminal 的 agent」—— 看檔、改檔、跑指令、上網查、自己重試錯誤,做完才回報。最適合「跨多檔案、跨工具、要持續狀態」的任務。

該從哪開始? 新手第一步:[Claude Code 安裝教學],一行 curl 5 分鐘搞定。裝完後想立刻有產出 → 跑 /powerup 10 堂互動課掃過所有功能。想自己改 → 從寫 Skill 開始(單一檔案、零 cost);想開源給人裝 → 包成 Plugin。

進階主題:Stop Hook 攔截 AI 摸魚(Ralph Loop)、Plugin 開發踩坑、Remote Control 手機操作、本地 LLM 接入、frontend-design plugin 擋紫色問題、Skill 跟 Superpowers 怎麼選。每個主題都有實戰文章。

相關文章 · 37 篇

看全部 →
Cloudflare 1.1.1.1 DNS stale cache 騙了我 30 分鐘:AI 多解析器交叉比對抓到(完整時間軸)
2026/05/21 · AI 部署 · 13 min

Cloudflare 1.1.1.1 DNS stale cache 騙了我 30 分鐘:AI 多解析器交叉比對抓到(完整時間軸)

切完 NS 後 `dig @1.1.1.1` 整整 30 分鐘都跟我說『還沒生效』,差點回 Porkbun 重設 — AI 多打了 8.8.8.8 / 9.9.9.9 / 208.67.222.222 三家對驗才抓到:三家都回新 NS,只有 1.1.1.1 自己 stale cache。本文是 30 分鐘時間軸還原、Cloudflare cache 為什麼那麼激進、多解析器驗證 SOP。

DNS Cloudflare 1.1.1.1
CLAUDE.md 怎麼寫?Claude Code 第二堂——馴服系統提示 + 十大 prompt 定義 + Ultra Think
2026/05/21 · AI 教學 · 19 min

CLAUDE.md 怎麼寫?Claude Code 第二堂——馴服系統提示 + 十大 prompt 定義 + Ultra Think

Claude Code 預設每次開啟都是失憶的,但只要你寫好 `~/.claude/CLAUDE.md`(全域) + 專案 `CLAUDE.md`,它就會在每次對話開頭把這兩份檔讀進去當作永遠的指令。本文是 2026-05-05 Pro 版第二堂的完整紀錄——十大 prompt 定義對照表(指令/上下文/人設/輸出格式/約束/範例/評估/迭代/護欄/記憶)、`/compact /resume` 救命指令、pwd/ls/cd 在 Claude 內的座標系、Ultra Think 馬力全開、最後用一個「每天早上 7 點 Line 通知前一天踩坑」的 `/schedule` 收尾。

Claude Code Claude Pro AI 教學
Memory 治理 EP1|我的 Claude 記了一堆爛筆記
2026/05/21 · AI 工具 · 16 min

Memory 治理 EP1|我的 Claude 記了一堆爛筆記

用 Claude Code 半年,memory 從 10 個檔長到 76 個,以為自己在養 AI 大腦,結果用 Obsidian Graph View 一打開全是花朵狀:所有檔只連中心的 MEMORY.md,檔跟檔之間幾乎沒連線。三胞胎重疊 70% 的 feedback、9 個全局/專案級同名檔、cross-link 趨近 0。本文拆三個結構性根因:同主題開新檔不擴充既有、寫完不加 [[link]]、全局 vs 專案級沒判準,以及整理之後做的三件事(合併三胞胎、重寫 MEMORY.md 成 cluster、CLAUDE.md 加程序性 SOP)。

Claude Code CLAUDE.md auto memory
我請 AI 幫我把 44 篇舊文重做 SEO:批次 PATCH Firestore、IA 重整、4 個 topic hub 完整覆盤
2026/05/20 · AI 工作流 · 10 min

我請 AI 幫我把 44 篇舊文重做 SEO:批次 PATCH Firestore、IA 重整、4 個 topic hub 完整覆盤

部落格累積到 44 篇後,每篇單獨 SEO 都做了,GSC 曝光卻一直撞牆。盤點才發現 28/44 都歸類在「AI 工具」、tags 一團亂、系列文沒 topic hub。本文覆盤這次「狠狠改一次」的全過程:6 個 category 收斂、tags 受控詞彙、17 個 duplicate 清理、批次 PATCH Firestore 踩到 timestampValue schema 雷、開 4 個 topic hub。AI 跑 1.5 小時、人類 10 分鐘決策。

SEO AEO JSON-LD
2026/05/20 · AI 工作流 · 21 min

MemPalace 知識管理工具完整教學:3.3.5 救援、HNSW 修復、claude -p proxy 省 API 錢

MemPalace 是 AI agent 用的長期記憶系統。chromadb 1.5.x 在 macOS 26.4 ARM64 必 SIGSEGV,所有 CLI 全死、只剩 MCP server 苟活。MemPalace 3.3.5 用兩個機制救回來:HNSW segment quarantine 自動隔離壞索引、repair --mode from-sqlite 從 sqlite3 直接撈資料重灌新 palace。本文記錄完整升級路徑、3.3.5 兩個救命機制原理、外加 180 行 Python claude-p-openai-proxy.py 把 claude -p CLI 包成 OpenAI 相容 HTTP 端點,讓 mempalace compress 走 Max 訂閱、零 API 成本。

MemPalace ChromaDB HNSW
我把「買網域 + 整站搬家」交給 AI 跑:人類只花 15 分鐘的 8 步驟流程
2026/05/20 · AI 部署 · 22 min

我把「買網域 + 整站搬家」交給 AI 跑:人類只花 15 分鐘的 8 步驟流程

我把舊站 yanchen184.github.io/ai-lecturer-bob 搬到自有網域 yanchen.app,整個流程交給 Claude Code 跑。人類負責的事只有 15 分鐘:刷卡、改 nameserver、按 GSC verify、按 Bing 匯入。AI 負責的 1.5 小時包含:跨來源比價、17 個檔案批次改 URL、跑 CI/CD 自我除錯、寫 SEO 設定、監看 SSL 簽發。本文拆解 8 步驟、AI 該做 vs 你該做對照表、整個流程踩到的 5 個坑(1.1.1.1 stale cache、GSC Change of Address 灰掉的真相⋯⋯),給「想搬家但被 DNS / SSL / redirect / SEO 嚇到」的人一條完整路徑。

Claude Code AI 協作 網域註冊
Claude Code 入門第一堂:訂了 Claude Pro 之後怎麼開始——4 個 demo + permission mode 4 種 + 邊界
2026/05/20 · AI 教學 · 15 min

Claude Code 入門第一堂:訂了 Claude Pro 之後怎麼開始——4 個 demo + permission mode 4 種 + 邊界

訂閱 Claude Pro($20/月)、想裝 Claude Code 但還沒動手?這是我 2026-04-28 第一堂 Pro 版小班的完整紀錄。4 個 demo:一句話讀 CSV、整理 24 個亂檔案、SQLite 查 4 月營收、從零部署網站——每個都 5 分鐘內看到結果。然後拆 4 種 permission mode(default/acceptEdits/plan/bypassPermissions)、`.claudeignore` 防憑證外洩、跟我自創的「Claude 邊界」觀念——不要讓 AI 做你也不懂的事情,它犯錯時會極度自信。

Claude Code Claude Pro AI 教學
LLM Wiki 是什麼?Karpathy 知識編譯方案兩週實測(vs RAG、token 降 87%、踩坑筆記)
2026/05/20 · AI 工作流 · 31 min

LLM Wiki 是什麼?Karpathy 知識編譯方案兩週實測(vs RAG、token 降 87%、踩坑筆記)

LLM Wiki 是什麼?2026 年 4 月 Karpathy 在 gist 丟了 200 行 markdown,一週後全網炸開、12 個社群 implementation。一句話講:讓 LLM 把你丟的所有資料「編譯」成一個結構化的 markdown 知識庫,以後問問題不查原始檔、查這個被整理過的 wiki。本文拆解 RAG vs LLM Wiki 的編譯式/解釋式之差、三層架構、30 分鐘上手路徑、我把 7 場教學逐字稿 + 200 則 Discord QA 丟進去跑兩週的實測(token 降 87%)、5 個踩坑、什麼情境裝了反而是負擔。

LLM Wiki Karpathy RAG
AI 寫的前端為什麼都長一樣?「purple problem」歷史考古 + 反 AI 味 system prompt 全文公開
2026/05/19 · Claude Code · 27 min

AI 寫的前端為什麼都長一樣?「purple problem」歷史考古 + 反 AI 味 system prompt 全文公開

產業內叫它 distributional convergence、purple problem、AI slop——每個 LLM 寫的前端都是紫色漸層 + Inter + 三欄卡片。本文做歷史考古(Instagram 2015 → Tailwind UI 2020 → 訓練資料污染),拆解 Anthropic 四維度框架(typography / color / motion / spatial),並公開那份反 AI 味的 system prompt 全文。

AI slop purple problem 前端設計
popularize-slides 開源拆解:用 HTML + GitHub Pages 取代 Keynote / Slidev 做 AI 課程簡報
2026/05/19 · AI 教學 · 26 min

popularize-slides 開源拆解:用 HTML + GitHub Pages 取代 Keynote / Slidev 做 AI 課程簡報

在職訓局教 4 堂 AI Claude Code 概論初級班,把簡報全寫成 HTML(不用 Keynote / Slidev / Reveal.js)丟在 GitHub Pages 上跑。本文拆解:為什麼放棄 Keynote、為什麼不用 Slidev、設計系統(深色 + 黃金 accent + 襯線標題)、部署用一條 push 指令、學生 clone 雙擊就能看。

AI 教學 簡報設計 HTML 簡報
Superpowers 暴衝 121k stars、Anthropic 收編,該裝嗎?跟手寫 skill 怎麼選
2026/05/18 · Claude Code · 20 min

Superpowers 暴衝 121k stars、Anthropic 收編,該裝嗎?跟手寫 skill 怎麼選

obra/superpowers 7 個月 121k stars、2026/01 進 Anthropic 官方 plugin marketplace,14 個內建 skill 把資深工程師工作流(brainstorm/TDD/debug)強行套到 Claude Code 上,token -14%、首次成功率 +40%。但我自己跑兩週發現:小任務反而 +20% token、demo 前急著修 bug 被 brainstorming 拖住、Haiku 跑不動。本文拆 14 個 skill 各自解什麼、5 個踩坑、跟自己手寫 skill 的對照表(從適用任務、學習曲線、客製化彈性、維護成本四個維度比較)、Jesse Vincent 的設計哲學(讓 Claude 暫停,不是變聰明)。

Claude Code Superpowers Skills
2026/05/15 · AI Agent · 12 min

Hermes Agent 是什麼?一篇給完全新手看的 AI 工具介紹(白話版)

我有 ChatGPT 了為什麼還要裝 Hermes Agent?簡單講:ChatGPT 只會回字、要你自己動手;Hermes Agent 會幫你動手——查檔、改檔、跑指令、上網查資料,做完才回報。本文用「人肉接線生 vs 工讀生」的比喻、5 個日常情境、跟 ChatGPT/Claude Code/Cursor 的對照表,讓完全不會寫 code 的人也能搞懂這工具能幫你做什麼、安不安全、怎麼開始。

Hermes Agent AI Agent NousResearch
Claude Code 接本地模型還能上網嗎?2026 完整接線圖(Ollama / claude-code-router / Web Search)
2026/05/07 · Claude Code · 27 min

Claude Code 接本地模型還能上網嗎?2026 完整接線圖(Ollama / claude-code-router / Web Search)

Claude Code 把 backend 從 Anthropic 換成本地 Ollama,三條 env var 搞定。但內建 WebSearch 工具是伺服器端服務,改接本地後直接失效。本文把兩條官方路徑、四種 backend、Web Search 三解法、6 個踩坑、模型選型一次寫完,文章 URL 餵給 Claude Code 它能照著裝。

Claude Code Ollama 本地 LLM

❓ 常見問題

Claude Code 跟 ChatGPT 差在哪?我有 ChatGPT 還要裝嗎?
ChatGPT 只會回字、你要自己貼上去執行;Claude Code 直接在你 terminal 動手 —— 改檔、跑指令、查網、跨檔案重構,做完才回報。如果你工作流是「看一坨檔案、改幾個地方、跑測試、commit」這種要動手的,Claude Code 一裝就回不去。如果你只用 AI 問問題、寫長文,ChatGPT 夠了。
裝 Claude Code 要會寫 code 嗎?
不用。一行 curl 安裝、用中文跟它講話、它自己看你的檔案決定要改哪。不會 code 的人反而更受益 —— AI 直接動手而不是教你怎麼動手。但要事先知道:它會真的改你的檔,所以建議先在 git repo 裡用、改壞了可以 git restore。
Claude Code Skill 跟 Plugin 差在哪?
Skill 是「一個 markdown 檔,描述特定任務該怎麼做」,你寫好放到 ~/.claude/skills/ 就用。Plugin 是「打包好的 Skill / hook / agent 集合」,別人可以 npm 一鍵裝。寫給自己用 → Skill;要開源給人裝 → 包成 Plugin。我有寫過 yc-plugin 開源實戰跟 4 個踩坑。
Claude Code 可以接本地 LLM 嗎?
可以,三條 env var 搞定(換 base URL、API key、model name)。但內建 WebSearch 工具是伺服器端服務,改接本地後直接失效。我寫過完整接線圖:Ollama / claude-code-router / claude-zen 三種路徑,含 Web Search 三種解法。
怎麼防止 Claude Code 自己 exit 偷懶?
用 Stop Hook 攔截 exit 0、把同一個 prompt 重新塞回去 —— 這個 pattern 叫 Ralph Loop。本質就 30 行 settings.json,TDD 收斂、跨多檔案任務超有用。我寫了兩篇:Ralph Loop Skill 機制解說、Ralph Loop 實戰 6 個踩坑。

其他主題

手機跑本地 LLM 完整指南
想用 iPhone / Android 跑本地 LLM?本頁集合 PocketPal AI 安裝教學、模型選擇、效能實測、踩坑紀錄。涵蓋 iPhone 15 Plus 真實能跑哪些模型、Apple Intelligence 跟本地 LLM 的差別、on-device AI 開發者驗證指南。
LLM Wiki 完整指南
Karpathy 2026 年 4 月在 gist 丟出 200 行 markdown 引發社群實作潮。LLM Wiki 是什麼、跟 RAG 差在哪、怎麼建第一個 wiki、token 真的能降 87% 嗎?本頁集合所有相關文章、踩坑、社群實作版本對照。
MemPalace 完整指南
MemPalace 是 AI agent 用的長期記憶系統,用 chromadb + sqlite 存知識、用 LLM 自動壓縮。本頁集合安裝、3.3.5 救援、HNSW quarantine 機制、claude -p HTTP proxy 省 API 錢的完整教學。
Hermes Agent 完整指南
Hermes Agent 是 NousResearch 維護的開源 CLI agent,2026 上半年 OpenRouter App 排行榜第 2。本頁集合安裝教學、Sandbox 7 種後端選擇、Mac 接內網 LLM 實戰、跟 ChatGPT / Claude Code 比較。
AI 影片生成完整指南
想用 AI 生影片但不知道從哪開始?本頁集合 Wan 2.2 影片模型、fal.ai 雲端 LoRA 訓練、RTX 4070 本地 ComfyUI 跑 I2V、musubi-tuner Windows 訓 LoRA 的完整實戰。從雲端到本地、從圖到影片。
Claude Code Skills 完整指南
Claude Code Skill 是什麼?該自己寫還是裝 Superpowers?本頁集合自寫 Skill 範本(SEO 計分、Brand Voice、Live Search Injection、blog-create)、Superpowers vs handcrafted 對照、Anthropic 官方 pptx / frontend-design plugin 教學。