很少有人真的喜歡天天學新東西，我一個 java 技術棧的朋友，説我們怎麼天天能學那麼多東西（針對於全棧）。我作為一個 出海 Saas 人，我自己也沉默了：

本文完整版全文原文： https://www.ccgxk.com/codeother/623.html

是啊，全棧開發者（偏前端），可能自己都意識不到，但列出來自己每天用到的技術棧，自己也會嚇一條。對於一些精鑽某個技術的人來講，如果要轉全棧，下意識覺得每個都要學很久很久，會嚇一跳。

但是 claude code 是最應該好好學的。因為我發現，其他的半桶水，幾乎不影響你掙錢，但 claude code 等類似 agent 產品，肯定會拖慢你本應達到的速度。學吧，學無止境。

不要排斥，就好像我小學 5 年級，第一次用 baidu 時的那種恐懼一樣。後來就離不開搜索引擎了。越用越熟練。

如何安裝 claude code ？這個我昨天有寫過，不再多説：

https://www.ccgxk.com/codeother/622.html

下面就是進階內容了。

本文主要講 斜槓命令、skill、sub-agent、插件、CLAUDE.md、plan模式、hooks 等初步使用。

首先，可以先閲讀一下我的這篇文章，瞭解一下 claude code 的各種功能的發展原因，為什麼會出現這麼多工具，然後來再來閲讀下文：

https://www.ccgxk.com/codeother/612.html

1.發展史

歷史吧，即這 5 個：

2.斜槓命令 commands

斜槓命令，是一種快捷方式，為解決臨時的 重複性 命令而設立的。

因為 claude code 界面，第一頁，本質就是一個大的對話框而已。如果我們每次都要寫一段長長的某提示詞，比如，「輸入 /hello 時，輸出 hi， 祝你今天開心！」。方便乾淨！

怎麼搞呢？嚴格的方法，是在項目根目錄，這個 .claude/commands/hello.md 文件夾的 markdown 文件裏，寫入 下面的話：

輸出問候消息。

這是一個簡單的命令，用於向用户打招呼。

執行步驟:
1. 輸出消息 "hi， 祝你今天開心！"

哈哈，沒錯，寫人話就行了，就這麼簡單！！！

當然，最好的辦法是，直接跟 claude 説 (shift 可以換行) ，「添加一個 自定義斜槓命令 （Slash Commands）輸入 /hello 時，輸出 hi， 祝你今天開心！」

一個樣子！也免去記憶了~

3.skill 技能包

然後是 skills （技能包），也叫領域專家。

我們在使用 claude code 的時候，如果專注於前端，那麼就可以引入一個專業前端的 skill ！

claude 官方有幾個 skill 示例（請怯魅，不過就是一大堆 markdown 格式的文本規範罷了，告訴 AI 怎麼做事），質量還不錯，地址是 https://github.com/anthropics/skills

下面是幾個 skill 安裝地址，使用 npx 命令安裝：

# 前端設計技能
npx skills-installer install @anthropics/claude-code/frontend-design --client claude-code

# 文檔協同技能
npx skills-installer install @anthropics/claude-code/doc-coauthoring --client claude-code

# Canvas 設計技能
npx skills-installer install @anthropics/claude-code/canvas-design --client claude-code

# PDF 處理技能
npx skills-installer install @anthropics/claude-code/pdf --client claude-code

# 算法藝術生成
npx skills-installer install @anthropics/claude-code/algorithmic-art --client claude-code

斜槓命令 /skills 可以查看本地已經安裝的技能包（skills）

我們怎麼用呢？只需要説人話即可！ ⊙﹏⊙|||

比如 ：

使用 frontend-design skill 來做我之後的網頁項目！

那麼，後續，它就會按照這個技能包，優化我們的後續的前端網頁項目了！

當然，我們也可以自己設計自己的 skills

在 /.claude/skills/goodcoding/ 這個文件夾裏，新建下面兩個文件:

# skills/goodcoding/skill.json（可選）
{
  "name": "goodcoding",
  "description": "更好的 coding",
  "version": "1.0.0",
  "author": "ccgxk",
  "categories": ["automation"],
  "license": "MIT",
  "skill": {
    "file": "skill.md",
    "description": "這個技能用於寫更好的代碼"
  }
}

# skills/goodcoding/skill.md
# 好好寫代碼
要好好的寫出更好的代碼啊！

之後，你就可以像 斜槓命令 一樣，/goodcoding ，用了！

什麼效果呢？看這回復，有點很搞笑哈哈，但沒辦法，所有 claude code 的高端技能，就是玩 markdown 文件，只要你語文好，説話清楚，你就可以把 claude code 玩的很 6 ！

4.鈎子 HOOK

這個是好東西，用人話説，就是觸發事件！

什麼時候，執行什麼命令！

有這 5 大類：

user-prompt-submit

tool-use

after-tool-use

permission-request

notifcation

它們的解釋如下：

我們查詢當前的已經啓用 hook 時，使用 /hooks 命令。我們會發現一大堆系統內置的命令。

不過，這個都是 命令行，如果我們想添加我們自定義的，那就得寫 sh 腳本，或者 Python 腳本。

怎麼添加呢？除了用人話直接要求 claude code 外，可以在 .claude/settings.json 中查看和設置。

# .claude/settings.json 

{
  "hooks": {
    "user-prompt-submit-hook": {  // 觸發時機
      "command": "npm run validate-prompt",  // 執行命令
      "enabled": true  // 是否啓用該 hook
    },

    "tool-use-hook": {
      "command": "~/.claude/hooks/check-permission.sh",  // 安全檢查（自定義）
      "enabled": true,
      "blocking": true // 是否阻塞？true 表示腳本失敗時，工具調用會被中斷
    },

    "after-tool-use-hook": {
      "command": "echo 'Tool used: {{toolName}}' >> ~/.claude/hooks.log",
      "enabled": true
    }
  }
}

你可以自己設計你自己的！

哦，對，還有個 task-complete-hook 鈎子，可以在任務完成時觸發。給你發個短信通知等等....

這個鈎子，用好了，特別好用，用不好，就會是障礙。

你可以用在什麼代碼格式化上，自動 TS 轉 JS 了.....

5. MCP 服務器

這個你可能很多地方見過，沒錯，它就是為了方便我們去操作很多其他軟件，抽象寫的一個文檔。

MCP是一種開放協議，通過標準化的服務器實現，使 AI 模型能夠安全地與本地和遠程資源進行交互。

這個我不再多説，網上有一大把，比如讓你在 bilibili 搜索東西，操作 github ，設置 wordpress 了... 安裝方式各有差異，大家自行探索。

6.插件 plugins

還記得上面我寫的 claude code 發展歷史嗎？

插件，就是好幾個斜槓命令、skill 技能、鈎子 hooks、mcp 服務器、子代理.... 打包到一起了。

在生產環境下，用於方便複製自己打磨好的工具，你辛辛苦苦打磨了很久 claude code，搞了一大堆技能，你想發揚開源程序員精神，為砸破 程序員飯碗 添磚加瓦，你就可以創建一個插件，把完整 的工作流套件都分享出去~

網上有很多成套的市場：

官方Skills和插件倉庫 https://github.com/anthropics/skills

官方插件網 https://claudecodemarketplaces.com 插件市場目錄

社區插件精選網：https://awesomeclaude.ai/plugins

安裝的話，比如有個叫 claude-flow 的插件，在 claude code 命令行裏，直接輸入 /plugin install claude-flow 就行了，這些市場裏，會給出安裝方式。

有些在 github 上，那麼就 claude plugin install github:user/repo 也行！

如果想打包自己的 plugins 的話，很簡單，直接把自己的 .claude 目錄複製出來，搞這個結構：

# 目錄結構
my-plugin/
├── plugin.json          # Plugin 配置
├── skills/              # Skills 目錄
│   ├── skill1/
│   └── skill2/
├── commands/            # 自定義斜槓命令
│   └── my-command.md
├── mcp/                 # MCP 配置
│   └── mcp-config.json
├── agents/              # SubAgent 定義
│   └── agent1.json
└── hooks/               # Hook 腳本
    └── hook1.sh

# plugin.json 內容
{
  "name": "my-plugin",
  "version": "1.0.0",
  "description": "我的自定義插件",
  "author": "Your Name",
  "skills": [
    "skills/skill1",
    "skills/skill2"
  ],
  "commands": [
    {
      "name": "/my-command",
      "description": "我的自定義命令",
      "file": "commands/my-command.md"
    }
  ],
  "mcpServers": [
    {
      "name": "my-mcp",
      "config": "mcp/mcp-config.json"
    }
  ],
  "agents": [
    {
      "name": "my-agent",
      "config": "agents/agent1.json"
    }
  ]
}

以這個目錄配置即可。

然後打包發佈~

7.子代理 SubAgents

我們很多時候，不是單線任務，需要多線共同完成。那麼就需要子代理了！

（當然，它們執行的時候，可能看起來還是單線的，但它們確實是分工，各幹各的）

就好像你有好幾個員工一樣。

他們有的負責 測試代碼

有的負責安全

有的負責整理文檔....

那麼就可以寫好幾個任務。

怎麼添加呢？除了口頭用人話命令 claude code 外，就是笨辦法。

來自 Claude Code 創始人 Boris Cherny 的實際使用案例：

# 在 agents 目錄裏添加三個文件

# .claude/agents/code-simplifier.md
你是一個代碼精簡專家。在 Claude 完成工作後,你的任務是:
1. 分析代碼的複雜度和可讀性
2. 識別可以簡化的邏輯
3. 提供優化建議但保持功能不變
4. 優先考慮性能和可維護性

# .claude/agents/verify-app.md
你是一個端到端測試專家。你的任務是驗證應用功能:
1. 運行完整的測試套件
2. 檢查所有關鍵路徑
3. 驗證邊界情況
4. 確保用户體驗"感覺對勁"
5. 如果發現問題,提供詳細的修復步驟

然後在 claude code 命令行裏，寫下面的內容(shift 可以換行)：

# 在 Claude Code 中
使用 code-simplifier agent 優化剛才寫的代碼
使用 verify-app agent 驗證應用是否正常工作

8.項目記憶文件 CLAUDE.md

這個肯定不能不説。

我之前有詳細整理過它的攻略：

https://www.zhihu.com/question/1979609139266213083/answer/1981150550633509168

它，就是你自定義的 系統提示詞 ！

主要用於介紹項目結構，或者 一些什麼什麼....

一般就放在你項目根目錄，或者某個文件夾裏。

文件名，就命名成一個 CLAUDE.md 就行。

當然 claude /init 也行，這樣 claude code 會自己掃描整個項目，給你草擬一個 CLAUDE.md ，如果你懶的話....

算是一個智慧的積累吧。

claude 創始人，也建議把一些常見的報錯或注意事項給放進去。

但你要注意，這個文件體積越小越好！不要寫很多廢話！！！

9.Plan模式

就是先規劃，後執行。畢竟每一次回車 enter 下去，都是燒錢燒 token 的開始。你用國產模型，可能就 5 毛錢沒了，你要是用的 國外模型，就是一張雞蛋灌餅幾塊錢沒了。

這個規劃模式，就是會先告訴你它接下來的計劃，讓您過目，看看需不需要修改。

啓用很簡單：快速按兩次快捷鍵，也就是 Shift+Tab, Shift+Tab 。

或者直接敲斜槓命令 /plan 。

小任務就不必了，廢 token，大任務，就有必要了，必要時刻省很多 token。

這樣，在執行時，會給出計劃，和選項，同意就選第一個，不同意，就選最後一個，讓 claude code 重新修改某個地方。

暫時的結語

當然，還有 沙盒模式、深度思考模式、headless 無頭集成模式、LSP 集成模式... 等等，以及一些技巧。這些我明天 2026.1.19 再更新！