Skip to main content

第 17 課:生態系統、市集與社群

學習目標

完成本課程後,您將能夠:

  • 瞭解 Claude Code 生態系統
  • 尋找和使用社群建立的技能
  • 探索共享的 MCP 伺服器
  • 與社群分享您的技能
  • 貢獻到市集
  • 遵循發布的最佳實踐

先決條件

  • 完成第 1-16 課 - 完整掌握 Claude Code
  • 建立自訂技能 - 第 5 課經驗
  • 使用 MCP 整合 - 第 7 課經驗
  • GitHub 帳號 - 用於分享貢獻

預估時間: 30 分鐘


Claude Code 生態系統

Claude Code 擁有蓬勃發展的社群貢獻、共享資源和第三方整合生態系統。

生態系統組件

┌─────────────────────────────────────────────────────────────┐
│ Claude Code 生態系統 │
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ 社群技能 │ │
│ │ - 共享工作流程 │ │
│ │ - 特定語言範本 │ │
│ │ - 框架整合 │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ MCP 伺服器註冊表 │ │
│ │ - 資料庫整合 │ │
│ │ - API 連接器 │ │
│ │ - 工具包裝器 │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ 範本與範例 │ │
│ │ - 專案範本 │ │
│ │ - 設定範例 │ │
│ │ - 最佳實踐指南 │ │
│ └────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────┐ │
│ │ 整合式開發環境擴充功能 │ │
│ │ - VS Code 擴充功能 │ │
│ │ - JetBrains 外掛程式 │ │
│ │ - 桌面應用程式 │ │
│ └────────────────────────────────────────────────────────┘ │
└─────────────────────────────────────────────────────────────┘

社群技能市集

什麼是社群技能?

社群技能是由像您這樣的使用者建立和分享的自訂技能。它們解決特定問題或為特定技術實作工作流程。

尋找社群技能

GitHub 組織: 社群技能的主要儲存庫是:

https://github.com/anthropics/claude-code-skills

依類別瀏覽:

# 複製社群技能儲存庫
git clone https://github.com/anthropics/claude-code-skills.git

cd claude-code-skills

# 探索可用技能
ls -la skills/

常見類別:

  • 特定語言 - Python、JavaScript、Rust、Go 技能
  • 特定框架 - React、Django、Rails 技能
  • 資料庫 - PostgreSQL、MongoDB、Redis 技能
  • DevOps - Docker、Kubernetes、CI/CD 技能
  • 測試 - pytest、jest、cypress 技能

安裝社群技能

方法 1:手動安裝

  1. 找到您想要的技能:
cd claude-code-skills/skills/python
cat pytest-skill/SKILL.md
  1. 複製到您的專案:
mkdir -p .claude/skills/
cp -r claude-code-skills/skills/python/pytest-skill .claude/skills/
  1. 立即使用:
您> /pytest

方法 2:Git 子模組

方便更新:

cd your-project/
git submodule add https://github.com/anthropics/claude-code-skills.git .claude/community-skills

# 定期更新技能
git submodule update --remote .claude/community-skills

方法 3:選擇性複製

只複製您需要的:

# 複製特定技能
cp claude-code-skills/skills/javascript/react-skill/SKILL.md \
.claude/skills/react-skill.md

# 複製整個類別
cp -r claude-code-skills/skills/python/* \
.claude/skills/

熱門社群技能

1. 特定語言技能

Python 開發技能: python-dev-skill/

功能:

  • 自動 pytest 測試生成
  • Django/Flask 路由建立
  • 虛擬環境設定
  • Requirements.txt 管理

用法:

您> /python-dev

Claude:[Python 開發模式已啟動]
我可以協助:
- 建立 pytest 測試
- 設定 Django 專案
- 管理相依性
- 遵循 PEP 8 風格指南

您想要處理什麼?

JavaScript/TypeScript 技能: typescript-skill/

功能:

  • npm 套件管理
  • TypeScript 型別生成
  • Jest 測試建立
  • ESLint 設定

用法:

您> /typescript

Claude:[TypeScript 開發模式]
準備進行 TypeScript 開發:
- 型別定義生成
- React 元件腳手架
- Jest 測試設定
- npm 腳本管理

我能如何協助?

2. 框架技能

React 技能: react-skill/

它能做什麼:

  • 產生 React 元件
  • 建立自訂 Hook
  • 設定 Redux store
  • 實作路由

範例:

您> /react

Claude:React 開發已啟動。

您> 建立一個使用 Hook 的使用者設定檔元件

Claude:[產生 UserProfile.jsx]
import React, { useState, useEffect } from 'react';
// 完整元件與 Hook

Django 技能: django-skill/

它能做什麼:

  • 建立 Django 應用程式
  • 產生模型與遷移
  • 設定 URL 模式
  • 建立基於類別的視圖

範例:

您> /django

Claude:Django 開發模式。

您> 建立一個具有 Post 模型的部落格應用程式

Claude:[建立 Django 應用程式結構]
python manage.py startapp blog
[產生 models.py、views.py、urls.py]

3. DevOps 技能

Docker 技能: docker-skill/

功能:

  • 產生 Dockerfile
  • 建立 docker-compose 設定
  • 多階段建構
  • 健康檢查

用法:

您> /docker

您> 建立 Node.js API 的 Dockerfile

Claude:[產生最佳化的 Dockerfile]
FROM node:20-alpine
WORKDIR /app
[多階段建構設定]

MCP 伺服器註冊表

什麼是 MCP 註冊表?

MCP(Model Context Protocol)註冊表是社群建立的 MCP 伺服器集合,用於擴展 Claude Code 的功能。

尋找 MCP 伺服器

官方註冊表:

https://github.com/anthropics/mcp-server-registry

類別:

  • 資料庫伺服器 - PostgreSQL、MySQL、MongoDB、Redis
  • API 伺服器 - GitHub、Jira、Slack、Notion
  • 雲端伺服器 - AWS、Azure、GCP
  • 工具伺服器 - 檔案系統、HTTP、SSH

安裝 MCP 伺服器

步驟 1:瀏覽註冊表

git clone https://github.com/anthropics/mcp-server-registry.git
cd mcp-server-registry/servers

步驟 2:選擇伺服器

# 範例:PostgreSQL MCP 伺服器
cd postgres-mcp/

# 閱讀文件
cat README.md

步驟 3:安裝伺服器

# 安裝相依性
npm install

# 或對於 Python 伺服器
pip install -r requirements.txt

步驟 4:在 Claude Code 中設定

編輯 ~/.config/claude-code/settings.json

{
"mcpServers": {
"postgres": {
"command": "node",
"args": ["/path/to/mcp-server-registry/servers/postgres-mcp/dist/index.js"],
"env": {
"POSTGRES_CONNECTION_STRING": "postgresql://localhost:5432/mydb"
}
}
}
}

步驟 5:重新啟動 Claude Code

# 退出並重新啟動
claude

熱門 MCP 伺服器

1. GitHub MCP 伺服器

功能:

  • 列出儲存庫問題
  • 建立拉取請求
  • 讀取檔案內容
  • 取得提交歷史

安裝:

npm install -g @anthropic/mcp-server-github

設定:

{
"mcpServers": {
"github": {
"command": "npx",
"args": ["-y", "@anthropic/mcp-server-github"],
"env": {
"GITHUB_TOKEN": "ghp_xxxxxxxxxxxx"
}
}
}
}

用法:

您> 使用 GitHub MCP 伺服器列出 anthropics/claude-code 的問題

Claude:[使用 GitHub MCP 伺服器]
正在擷取問題...

找到 42 個未解決問題:
1. 功能請求:多代理支援
2. Bug:長時間工作階段的記憶體洩漏
...

2. 資料庫 MCP 伺服器

PostgreSQL 伺服器:

  • 查詢資料庫
  • 列出表格和 schema
  • 執行 INSERT/UPDATE/DELETE
  • 讀取查詢結果

Redis 伺服器:

  • 快取管理
  • 金鑰操作
  • Pub/Sub 功能

3. 檔案系統 MCP 伺服器

功能:

  • 進階檔案搜尋
  • 目錄監控
  • 檔案詮詢資料
  • 批次操作

建立您自己的社群貢獻

分享您的技能

步驟 1:準備您的技能

確保您的技能遵循最佳實踐:

結構:

my-awesome-skill/
├── SKILL.md # 主要技能定義
├── examples/ # 使用範例
├── README.md # 文件
└── test/ # 測試案例(選用)

SKILL.md 範本:

# 技能名稱

這個技能作用的簡單描述。

## 描述

詳細說明技能的目的和功能。

## 用法

您> /skill-name [會發生什麼]


## 需求

- 任何先決條件
- 相依性
- 所需設定

## 範例

### 範例 1

您> /skill-name [引數] [預期輸出]


## 作者

您的名字 <email@domain.com>

## 授權

MIT

步驟 2:測試您的技能

分享之前:

# 先在本地測試
cd your-project/
claude

> /my-skill-name

# 驗證它按預期工作

步驟 3:提交到社群

選項 A:官方儲存庫

  1. Fork 儲存庫:
gh repo fork anthropics/claude-code-skills
  1. 新增您的技能:
cd claude-code-skills
mkdir -p skills/category/my-skill
cp -r my-awesome-skill/* skills/category/my-skill/
  1. 提交 PR:
git add .
git commit -m "新增:my-awesome-skill 用於 [目的]"
git push origin main
gh pr create --title "新增:我的超棒技能"

選項 B:獨立分享

  1. 建立您自己的儲存庫:
gh repo create my-claude-skills
cd my-claude-skills
# 新增您的技能
  1. 新增適當的文件:
# [您的名字] 的 Claude Code 技能

[特定領域] 的 Claude Code 技能集合。

## 安裝

```bash
# 複製此儲存庫
git clone https://github.com/yourname/my-claude-skills.git

# 複製到您的專案
cp -r my-claude-skills/* .claude/skills/

可用技能

  • skill-name:描述
  • another-skill:描述

3. 在社群媒體、Discord 等分享

### 分享 MCP 伺服器

**步驟 1:建立 MCP 伺服器**

遵循 MCP 伺服器結構:

my-mcp-server/ ├── package.json ├── README.md ├── src/ │ └── index.ts └── dist/


**步驟 2:發佈到 npm**

```bash
npm login
npm publish --access public

步驟 3:提交到註冊表

新增到 MCP 伺服器註冊表:

cd mcp-server-registry
# 新增您的伺服器項目
# 提交 PR

發布的最佳實踐

1. 清楚的文件

好的 README:

# 技能名稱

## 它能做什麼
清楚、簡潔的描述。

## 安裝
逐步說明。

## 用法
包含預期輸出的範例。

## 設定
所需設定。

## 疑難排除
常見問題和解決方案。

2. 版本控制您的技能

使用語義版本控制:

v1.0.0 - 初始版本
v1.1.0 - 新增功能 X
v1.2.0 - 新增功能 Y
v2.0.0 - 破壞性變更

包含在 SKILL.md 中:

## 版本
v1.0.0

## 變更日誌
- v1.0.0 (2025-01-15):初始版本
- v1.1.0 (2025-02-01):新增對 X 的支援

3. 徹底測試

測試檢查清單:

  • 在不同專案中工作
  • 處理邊緣情況
  • 清楚的錯誤訊息
  • 與最新 Claude Code 相容
  • 文件符合行為

4. 使用適當的授權

推薦的授權:

  • MIT - 寬鬆、簡單
  • Apache 2.0 - 專利保護
  • BSD-3-Clause - 最小限制

新增 LICENSE 檔案:

MIT 授權

Copyright (c) 2025 您的名字

特此授權...

5. 提供範例

包含多個範例:

## 範例

### 基本用法

您> /skill-name [簡單範例]


### 進階用法

您> /skill-name --option value [複雜範例]


### 整合範例

與其他工具結合

您> /skill-name && /another-skill [多步驟範例]


探索新資源

官方管道

GitHub:

Discord:

  • 加入官方 Claude Code Discord
  • #community-skills 頻道
  • #mcp-servers 頻道
  • 分享您的創作,獲得回饋

文件:

社群平台

Reddit:

  • r/ClaudeCode
  • 分享技能,獲得回饋

Dev.to / Medium:

  • 關於工作流程的部落格文章
  • 自訂技能教學
  • MCP 伺服器指南

YouTube:

  • 影片教學
  • 工作流程示範
  • 提示和技巧

🌟 精選社群技能

1. 全端開發技能

作者: @dev-expert 儲存庫: https://github.com/dev-expert/fullstack-skill

它能做什麼:

  • �調前端和後端開發
  • 從 OpenAPI 規格產生 API 端點
  • 建立相符的前端元件
  • 設定整合測試

安裝:

npx @dev-expert/fullstack-skill install

2. 資料科學技能

作者: @data-wizard 儲存庫: https://github.com/data-wizard/ds-skill

它能做什麼:

  • Pandas DataFrame 操作
  • Jupyter notebook 管理
  • Matplotlib 視覺化產生
  • Scikit-learn 模型訓練

用法:

您> /data-science

您> 建立銷售資料的視覺化

Claude:[產生 Python 程式碼]
import matplotlib.pyplot as plt
import pandas as pd
[完整視覺化程式碼]

3. DevOps 自動化技能

作者: @ops-master 儲存庫: https://github.com/ops-master/devops-skill

它能做什麼:

  • CI/CD 管線產生
  • Kubernetes manifest
  • Terraform 設定
  • 監控設定

✅ 檢查您的理解

  1. 社群技能託管在哪裡?

    • 只有 npm
    • GitHub 儲存庫
    • 只有 PyPI
    • Docker Hub
  2. 如何安裝社群技能?

    • 複製到 .claude/skills/
    • npm install
    • pip install
    • 自動發生
  3. 什麼是 MCP 註冊表?

    • MCP 伺服器的資料庫
    • 套件管理器
    • 社群 MCP 伺服器的集合
    • 設定檔
  4. True or False: 您可以公開分享自己的技能。

    • True
    • False
  5. 社群技能的推薦授權是什麼?

    • GPL
    • MIT 或 Apache 2.0
    • 專有
    • 不需要授權

答案: 1-b, 2-a, 3-c, 4-True, 5-b


總結

在本課程中,您學到了:

  • 生態系統 - 瞭解 Claude Code 社群
  • 尋找技能 - 探索社群貢獻
  • 安裝技能 - 新增技能到您的專案
  • MCP 註冊表 - 使用社群 MCP 伺服器
  • 建立技能 - 發布您自己的貢獻
  • 最佳實踐 - 文件、版本控制、測試
  • 精選技能 - 品質貢獻範例

下一步

探索生態系統:

準備好學習最新功能了嗎? 繼續到**第 18 課:代理團隊與隊友**,學習分割窗格協作,讓多個 Claude Code 實例即時一起工作!

進階閱讀


加入社群並做出貢獻!🌍