今天再聊一個老話題——Claude Code 的配置和生態

翻 GitHub Trending，看到一個叫 claude-code-templates 的項目，剛沖到趨勢榜前列，同時拿到了 Vercel OSS、Neon、Z.AI、Claude for Open Source 一堆官方贊助，含金量肉眼可見

這玩意干的事就一句話：把 Claude Code 的所有可復用配置（Agent、Command、Hook、MCP、Skill、Setting）做成了一個像 npm 一樣的中央貨架，一行 npx 就能把別人調好的"全家桶"裝到自己電腦上

簡介

claude-code-templates 是給 Anthropic Claude Code 準備的"配置工具庫"

ADDR：github.com/davila7/claude-code-templates

整個項目分兩條腿：

• CLI 端 ：一個發布在 npm 的 claude-code-templates 包，本地用 npx 直接拉取并安裝組件

• Web 端 ：aitmpl.com，可視化逛貨架、加購物車（Stack Builder），湊齊一套配置后再一鍵安裝

下圖就是它的 Web Dashboard，左邊篩選組件類型，右邊卡片式瀏覽，你想要的 Agent、命令、MCP 集成都在這一張表里：

aitmpl.com Dashboard 主界面

它把 Claude Code 拆成了 6 類可復用資產：

• Agents ：領域專家智能體，比如安全審計、React 性能優化、數據庫架構師，一個 Agent 就是一份精心調教的 system prompt + 工具組合

• ? Commands ：自定義斜杠命令， /generate-tests 、 /optimize-bundle 、 /check-security 這種，輸完直接執行預設流程

• MCPs ：外部服務集成模板，GitHub、PostgreSQL、Stripe、AWS、OpenAI 都現成的，省去自己寫 MCP server 的麻煩

• ?? Settings ：Claude Code 配置預設，超時、內存、輸出風格這些參數一鍵導入

• Hooks ：自動化觸發器，比如 pre-commit 校驗、任務完成后的回調

• Skills ：漸進式披露的可復用能力，PDF 處理、Excel 自動化、自定義工作流

貨架上目前有 100+ 組件，且來源相當硬核：Anthropic 官方 skills、anthropics/claude-code 的官方示例、K-Dense-AI 的 139 個科研類 skills、obra/superpowers 的 14 個工作流 skills、wshobson/agents 的 48 個 agents……基本上把 Claude 生態里能找到的優質開源資產全聚合了一遍

安裝

不需要全局安裝，直接 npx 就能用，這點很舒服

交互式瀏覽安裝（推薦新手）：

npx claude-code-templates@latest

跑起來是個 TUI 界面，方向鍵挑組件回車裝，跟逛超市差不多

一行裝一整套開發棧：

npx claude-code-templates@latest \
  --agent development-team/frontend-developer \
  --command testing/generate-tests \
  --mcp development/github-integration \
  --yes

單獨安裝某一類組件：

# 裝一個代碼評審 Agent
npx claude-code-templates@latest --agent development-tools/code-reviewer --yes

 # 裝一個性能優化命令
npx claude-code-templates@latest --command performance/optimize-bundle --yes

 # 裝一份 MCP 超時設置
npx claude-code-templates@latest --setting performance/mcp-timeouts --yes

 # 裝一個 git pre-commit 鉤子
npx claude-code-templates@latest --hook git/pre-commit-validation --yes

 # 裝一個 PostgreSQL MCP 集成
npx claude-code-templates@latest --mcp database/postgresql-integration --yes

--yes 表示跳過確認，直接覆蓋寫入當前項目的 .claude/ 目錄，CI 環境特別合適

使用

光會裝組件還不夠，這個項目還順手塞了幾個開發期輔助工具，是我覺得最香的部分

1）Claude Code Analytics —— 實時監控你的 AI 編程會話

npx claude-code-templates@latest --analytics

跑起來在瀏覽器里看自己的 token 消耗、會話狀態、性能指標，誰還沒體驗過點了 enter 之后 Claude 在那轉圈、心里沒底的瞬間，這個面板治焦慮

2）Conversation Monitor —— 手機看 Claude 回復

# 本地訪問
npx claude-code-templates@latest --chats


 # 通過 Cloudflare Tunnel 遠程訪問
npx claude-code-templates@latest --chats --tunnel

移動端友好的界面，掛個 Cloudflare Tunnel，出門也能盯著家里 Claude 跑代碼，長任務黨狂喜

3）Health Check —— 一鍵體檢

npx claude-code-templates@latest --health-check

診斷你 Claude Code 當前安裝是不是健康，配置是不是正常，遇到玄學問題的時候先跑一下這個

4）Plugin Dashboard —— 插件 / 權限管理

npx claude-code-templates@latest --plugins

統一界面看已裝插件、市場里的新插件、當前權限設置，不用再去翻 JSON 文件

實測

我挑了兩個最實用的場景上手試：

場景一：給一個新倉庫三秒鐘接好代碼評審

老辦法：手寫 .claude/agents/code-reviewer.md，再調一遍 prompt，再補一份 settings

新辦法：

npx claude-code-templates@latest --agent development-tools/code-reviewer --yes

回車結束，進 Claude Code 直接 /agents 調出來用，配置文件 .claude/agents/development-tools/code-reviewer.md 已經躺好了

場景二：用 Web 端 Stack Builder 湊套件

打開 aitmpl.com，把想要的 agent / command / MCP 一個個加進右邊的購物車（Stack Builder），湊齊之后頁面會直接給你拼好一條 npx 命令，復制到終端粘貼就完事

我個人感受是，這個項目最有價值的不是組件本身，而是它定義了一種"Claude Code 配置可分發"的范式——以前大家都在自己的電腦里攢 agents 和 commands，現在終于有了一個像 npm/pip 一樣的公共倉庫，可以社區共建

當然也有幾個槽點不能不說：

• 組件質量良莠不齊，畢竟來源很雜，建議優先挑 Anthropic 官方、obra/superpowers、wshobson/agents 這幾個出處的

• 中文場景支持很一般，大部分 Agent 的 prompt 都是英文，國內同學拿來要么用英文跟它對話，要么自己翻一遍

• Web 端目前還在 beta，偶爾加載有點卡，組件搜索和分類也還可以更細一點

• npx 每次冷啟動會從遠端拉模板，網絡不好的時候要等一下，建議掛代理

一句話評價：Claude Code 的"應用商店"基礎設施終于來了

適合誰：

• 頻繁開新項目、不想每次重復配置 Claude Code 的人

• 想白嫖社區高質量 Agent / Command 的人

• 團隊里要統一一套 AI 編程規范、需要可分發配置的人

不適合誰：

• 只用 Cursor / OpenCode / Cline 等其他客戶端的，這套是 Claude Code 專屬

• 強中文場景重度用戶，得自己微調 prompt

按 HKR 自檢：有用（解決重復配置）、有趣（aitmpl.com 的購物車體驗挺新鮮）、有共鳴（被配置反復折磨過的人都懂）—— 三連達成

制作不易，如果這篇文章覺得對你有用，可否點個關注。給我個三連擊：點贊、轉發和在看。若可以再給我加個，謝謝你看我的文章，我們下篇再見！