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:
- 访问 https://github.com/settings/tokens
- 点击 "Generate new token (classic)"
- 勾选需要的权限(repo, read:org)
- 复制生成的 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:
- 访问 https://brave.com/search/api/
- 注册账号并创建 API Key
- 免费套餐每月 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
步骤:
-
下载 Claude Desktop
- 访问 https://claude.ai/download
- 下载对应平台的安装包
-
找到配置文件位置
# macOS ~/Library/Application Support/Claude/claude_desktop_config.json # Windows %APPDATA%\Claude\claude_desktop_config.json # Linux ~/.config/Claude/claude_desktop_config.json -
创建或编辑配置文件
{ "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" } } } } -
重启 Claude Desktop
- 完全退出应用
- 重新启动
-
验证安装
- 在 Claude 中输入:"你能访问哪些工具?"
- Claude 会列出所有可用的 MCP 工具
方案二:Claude Code(CLI 版)
适用平台:macOS、Linux、Windows(WSL)
步骤:
-
安装 Claude Code CLI
npm install -g @anthropic-ai/claude-code -
配置 API Key
export ANTHROPIC_API_KEY="sk-ant-xxxxxxxxxxxx" -
配置 MCP 服务器
# 创建配置目录 mkdir -p ~/.claude # 创建配置文件 cat > ~/.claude/claude_desktop_config.json << 'EOF' { "mcpServers": { "filesystem": { "command": "npx", "args": [ "-y", "@modelcontextprotocol/server-filesystem", "/home/yourname/projects" ] } } } EOF -
启动 Claude Code
claude-code
方案三:OpenClaw(开源方案)
适用平台:Docker、Linux、macOS
优势:
- 完全开源
- 支持多渠道(企业微信、Discord、Telegram)
- 插件系统强大
步骤:
-
安装 OpenClaw
npm install -g openclaw -
配置 MCP 服务器
openclaw configure -
添加 MCP 插件
# 编辑配置文件 nano ~/.openclaw/openclaw.json # 添加 MCP 配置 { "mcpServers": { "filesystem": { "command": "npx", "args": ["-y", "@modelcontextprotocol/server-filesystem"] } } } -
启动服务
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 工具?
可能原因:
- 配置文件位置错误
- Claude Desktop 未重启
- 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 + 代码审查技能
下一步:
- 选择 2-3 个最需要的 MCP
- 按照安装指南配置
- 在实际项目中试用
- 逐步添加更多工具
附录:快速配置模板
基础配置(推荐新手)
{
"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
