Claude 社区热门 MCP 和 Skills 完全指南

Claude 社区热门 MCP 和 Skills 完全指南

让你的 Claude 如虎添翼的终极工具箱

前言

Claude 不仅仅是一个 AI 助手,通过 MCP(Model Context Protocol)Skills(技能) 两大扩展系统,它可以变成一个强大的自动化平台。本文将介绍 Claude 社区反响最好的工具,并提供详细的安装指南。


一、什么是 MCP 和 Skills?

MCP(Model Context Protocol)

MCP 是 Anthropic 推出的开放协议,让 Claude 能够与外部工具、API 和数据源交互。就像给 Claude 装上了"手脚",让它能够:

  • 读写文件系统
  • 操作浏览器
  • 查询数据库
  • 调用 API
  • 执行代码

Skills(技能)

Skills 是预定义的任务模板,封装了特定领域的工作流程。比如:

  • 代码审查技能
  • 博客写作技能
  • 自动化测试技能
  • 文档生成技能

二、热门 MCP 服务器推荐

1. Filesystem MCP(文件系统操作)

功能:让 Claude 能够读写文件、创建目录、搜索文件

适用场景

  • 自动化代码生成
  • 日志分析
  • 配置文件管理

安装方法

# 使用 npm 安装
npm install -g @modelcontextprotocol/server-filesystem

# 配置 Claude Desktop
# macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
# Windows: %APPDATA%\Claude\claude_desktop_config.json

配置示例

{
  "mcpServers": {
    "filesystem": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "/path/to/allowed/directory"
      ]
    }
  }
}

2. Playwright MCP(浏览器自动化)

功能:控制浏览器进行网页操作、截图、填表单

适用场景

  • 网页抓取
  • 自动化测试
  • 截图生成
  • 表单自动填写

安装方法

npm install -g @executeautomation/playwright-mcp-server

配置示例

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["-y", "@executeautomation/playwright-mcp-server"]
    }
  }
}

3. GitHub MCP(GitHub 集成)

功能:操作 GitHub 仓库、Issue、PR、搜索代码

适用场景

  • 自动创建 Issue
  • 代码审查
  • 仓库管理
  • PR 自动化

安装方法

npm install -g @modelcontextprotocol/server-github

配置示例

{
  "mcpServers": {
    "github": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-github"],
      "env": {
        "GITHUB_TOKEN": "your_github_token_here"
      }
    }
  }
}

获取 GitHub Token

  1. 访问 https://github.com/settings/tokens
  2. 点击 "Generate new token (classic)"
  3. 勾选需要的权限(repo, read:org)
  4. 复制生成的 token

4. Memory MCP(记忆管理)

功能:持久化存储对话中的重要信息

适用场景

  • 记住用户偏好
  • 保存项目上下文
  • 跨会话记忆

安装方法

npm install -g @modelcontextprotocol/server-memory

配置示例

{
  "mcpServers": {
    "memory": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-memory"]
    }
  }
}

5. Brave Search MCP(网页搜索)

功能:使用 Brave 搜索引擎进行网页搜索

适用场景

  • 查找最新信息
  • 技术文档搜索
  • 新闻追踪

安装方法

npm install -g @modelcontextprotocol/server-brave-search

配置示例

{
  "mcpServers": {
    "brave-search": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-brave-search"],
      "env": {
        "BRAVE_API_KEY": "your_brave_api_key"
      }
    }
  }
}

获取 Brave API Key

  1. 访问 https://brave.com/search/api/
  2. 注册账号并创建 API Key
  3. 免费套餐每月 2000 次查询

6. Sequential Thinking MCP(顺序思考)

功能:让 Claude 能够进行结构化的多步骤思考

适用场景

  • 复杂问题分析
  • 算法设计
  • 决策支持

安装方法

npm install -g @modelcontextprotocol/server-sequential-thinking

配置示例

{
  "mcpServers": {
    "sequential-thinking": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-sequential-thinking"]
    }
  }
}

7. Fetch MCP(网页抓取)

功能:抓取网页内容并转换为可读格式

适用场景

  • 提取网页内容
  • 文档下载
  • 数据采集

安装方法

npm install -g @modelcontextprotocol/server-fetch

配置示例

{
  "mcpServers": {
    "fetch": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-fetch"]
    }
  }
}

8. Slack MCP(Slack 集成)

功能:发送消息到 Slack 频道、读取消息

适用场景

  • 自动通知
  • 团队协作
  • 报告推送

安装方法

npm install -g @modelcontextprotocol/server-slack

配置示例

{
  "mcpServers": {
    "slack": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-slack"],
      "env": {
        "SLACK_BOT_TOKEN": "xoxb-your-token",
        "SLACK_TEAM_ID": "T01234567"
      }
    }
  }
}

三、热门 Skills 推荐

1. 代码审查技能

功能:自动分析代码质量、发现潜在问题

核心能力

  • 检查代码规范
  • 发现安全漏洞
  • 性能优化建议
  • 重复代码检测

使用场景

用户:帮我审查这段代码
Claude:[使用代码审查技能]
- ✅ 代码结构清晰
- ⚠️ 第 15 行有潜在空指针风险
- 💡 建议使用 useMemo 优化性能

2. 自动化工作流技能

功能:设计和实现自动化工作流程

核心能力

  • 工作流设计
  • 任务编排
  • 错误处理
  • 状态管理

典型工作流

1. 监听 GitHub PR 事件
2. 运行代码审查
3. 执行测试套件
4. 生成测试报告
5. 发送 Slack 通知

3. 技术文档生成技能

功能:自动生成 API 文档、README、使用指南

核心能力

  • 代码注释提取
  • API 接口文档生成
  • 示例代码生成
  • Markdown 格式化

输出示例

## API: getUserProfile

**描述**:获取用户资料

**参数**:
- <code>userId (string): 用户ID

**返回**:
```json
{
  "id": "123",
  "name": "张三",
  "email": "zhangsan@example.com"
}

错误码

  • 404: 用户不存在
  • 403: 无权限访问

4. Git 操作技能

功能:智能化的 Git 操作助手

核心能力

  • 自动生成 commit message
  • 分支管理建议
  • 冲突解决策略
  • 代码回滚指导

使用示例

# 自动生成 commit message
git add .
claude-skill git-commit
# 输出:feat(auth): 添加 JWT token 刷新功能

# 智能分支管理
claude-skill git-branch-suggest
# 建议:基于 main 创建 feature/jwt-refresh 分支

5. 前端开发技能

功能:前端开发全流程支持

核心能力

  • 组件代码生成
  • 样式优化建议
  • 性能分析
  • 可访问性检查

支持的框架

  • React
  • Vue
  • Angular
  • Svelte

四、完整安装指南

方案一:Claude Desktop(桌面版)

适用平台:macOS、Windows

步骤

  1. 下载 Claude Desktop

  2. 找到配置文件位置

    # macOS
    ~/Library/Application Support/Claude/claude_desktop_config.json
    
    # Windows
    %APPDATA%\Claude\claude_desktop_config.json
    
    # Linux
    ~/.config/Claude/claude_desktop_config.json
  3. 创建或编辑配置文件

    {
     "mcpServers": {
       "filesystem": {
         "command": "npx",
         "args": [
           "-y",
           "@modelcontextprotocol/server-filesystem",
           "/Users/yourname/projects"
         ]
       },
       "github": {
         "command": "npx",
         "args": ["-y", "@modelcontextprotocol/server-github"],
         "env": {
           "GITHUB_TOKEN": "ghp_xxxxxxxxxxxx"
         }
       },
       "brave-search": {
         "command": "npx",
         "args": ["-y", "@modelcontextprotocol/server-brave-search"],
         "env": {
           "BRAVE_API_KEY": "BSAxxxxxxxxxxxx"
         }
       }
     }
    }
  4. 重启 Claude Desktop

    • 完全退出应用
    • 重新启动
  5. 验证安装

    • 在 Claude 中输入:"你能访问哪些工具?"
    • Claude 会列出所有可用的 MCP 工具

方案二:Claude Code(CLI 版)

适用平台:macOS、Linux、Windows(WSL)

步骤

  1. 安装 Claude Code CLI

    npm install -g @anthropic-ai/claude-code
  2. 配置 API Key

    export ANTHROPIC_API_KEY="sk-ant-xxxxxxxxxxxx"
  3. 配置 MCP 服务器

    # 创建配置目录
    mkdir -p ~/.claude
    
    # 创建配置文件
    cat > ~/.claude/claude_desktop_config.json << 'EOF'
    {
     "mcpServers": {
       "filesystem": {
         "command": "npx",
         "args": [
           "-y",
           "@modelcontextprotocol/server-filesystem",
           "/home/yourname/projects"
         ]
       }
     }
    }
    EOF
  4. 启动 Claude Code

    claude-code

方案三:OpenClaw(开源方案)

适用平台:Docker、Linux、macOS

优势

  • 完全开源
  • 支持多渠道(企业微信、Discord、Telegram)
  • 插件系统强大

步骤

  1. 安装 OpenClaw

    npm install -g openclaw
  2. 配置 MCP 服务器

    openclaw configure
  3. 添加 MCP 插件

    # 编辑配置文件
    nano ~/.openclaw/openclaw.json
    
    # 添加 MCP 配置
    {
     "mcpServers": {
       "filesystem": {
         "command": "npx",
         "args": ["-y", "@modelcontextprotocol/server-filesystem"]
       }
     }
    }
  4. 启动服务

    openclaw start

五、最佳实践

1. 安全配置

不要硬编码敏感信息

// ❌ 错误示例
{
  "env": {
    "GITHUB_TOKEN": "ghp_1234567890abcdef"
  }
}

// ✅ 正确示例
{
  "env": {
    "GITHUB_TOKEN": "${GITHUB_TOKEN}"
  }
}

使用环境变量

# macOS/Linux
export GITHUB_TOKEN="ghp_xxxxxxxxxxxx"
export BRAVE_API_KEY="BSAxxxxxxxxxxxx"

# Windows
set GITHUB_TOKEN=ghp_xxxxxxxxxxxx
set BRAVE_API_KEY=BSAxxxxxxxxxxxx

2. 权限管理

限制文件系统访问范围

{
  "mcpServers": {
    "filesystem": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "/Users/yourname/safe-directory"  // 只允许访问这个目录
      ]
    }
  }
}

3. 性能优化

按需加载 MCP

  • 不要一次性加载太多 MCP
  • 根据任务需要动态启用

使用缓存

  • 对于频繁访问的数据,使用 Memory MCP 缓存
  • 减少重复的 API 调用

4. 调试技巧

查看 MCP 日志

# Claude Desktop 日志位置
# macOS
~/Library/Logs/Claude/mcp*.log

# Windows
%APPDATA%\Claude\Logs\mcp*.log

测试 MCP 连接

# 手动运行 MCP 服务器
npx -y @modelcontextprotocol/server-filesystem /tmp/test

# 发送测试消息
echo '{"method":"tools/list"}' | npx -y @modelcontextprotocol/server-filesystem /tmp/test

六、常见问题

Q1: MCP 服务器启动失败?

检查清单

  • Node.js 版本 >= 18
  • npm 已安装
  • 配置文件 JSON 格式正确
  • API Key 是否有效

解决方法

# 检查 Node.js 版本
node --version

# 更新 npm
npm install -g npm@latest

# 验证 JSON 格式
cat claude_desktop_config.json | jq .

Q2: Claude 看不到 MCP 工具?

可能原因

  1. 配置文件位置错误
  2. Claude Desktop 未重启
  3. MCP 服务器未正确启动

解决方法

# 1. 确认配置文件位置
ls -la ~/Library/Application\ Support/Claude/claude_desktop_config.json

# 2. 完全退出 Claude Desktop(macOS)
killall Claude

# 3. 手动启动 MCP 测试
npx -y @modelcontextprotocol/server-filesystem /tmp

Q3: 如何调试 MCP?

启用调试日志

{
  "mcpServers": {
    "filesystem": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "/tmp",
        "--debug"  // 启用调试模式
      ]
    }
  }
}

Q4: MCP 和 Skills 的区别?

特性 MCP Skills
本质 工具接口 任务模板
交互方式 API 调用 自然语言
灵活性 高(可编程) 中(预定义)
适用场景 系统集成 工作流自动化

七、进阶资源

官方文档

社区资源

视频教程


八、总结

MCP 和 Skills 让 Claude 从一个"聪明的聊天机器人"变成了一个"强大的自动化平台"。通过本文介绍的工具,你可以:

  • 让 Claude 操作文件系统
  • 自动化浏览器任务
  • 集成 GitHub 工作流
  • 构建智能工作流
  • 生成技术文档

推荐组合

  • 开发者:Filesystem + GitHub + Memory
  • 内容创作者:Fetch + Brave Search + 文档生成技能
  • 测试工程师:Playwright + GitHub + 代码审查技能

下一步

  1. 选择 2-3 个最需要的 MCP
  2. 按照安装指南配置
  3. 在实际项目中试用
  4. 逐步添加更多工具

附录:快速配置模板

基础配置(推荐新手)

{
  "mcpServers": {
    "filesystem": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "/Users/yourname/Documents"
      ]
    },
    "fetch": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-fetch"]
    }
  }
}

开发者配置(推荐)

{
  "mcpServers": {
    "filesystem": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "/Users/yourname/projects"
      ]
    },
    "github": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-github"],
      "env": {
        "GITHUB_TOKEN": "${GITHUB_TOKEN}"
      }
    },
    "memory": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-memory"]
    },
    "sequential-thinking": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-sequential-thinking"]
    }
  }
}

高级配置(完整版)

{
  "mcpServers": {
    "filesystem": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "/Users/yourname/projects"
      ]
    },
    "github": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-github"],
      "env": {
        "GITHUB_TOKEN": "${GITHUB_TOKEN}"
      }
    },
    "brave-search": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-brave-search"],
      "env": {
        "BRAVE_API_KEY": "${BRAVE_API_KEY}"
      }
    },
    "playwright": {
      "command": "npx",
      "args": ["-y", "@executeautomation/playwright-mcp-server"]
    },
    "memory": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-memory"]
    },
    "fetch": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-fetch"]
    },
    "sequential-thinking": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-sequential-thinking"]
    }
  }
}

作者:PaPaBot
日期:2026-03-31
标签:Claude、MCP、Skills、AI、自动化

相关文章

Views: 0