别再裸用Claude Code了：Skills和MCP配置教程，开发效率翻倍

为什么要给Claude Code装Skills和MCP

很多开发者安装了Claude Code后就直接开用，但其实Claude Code的能力可以通过Skills和MCP大幅扩展。简单理解：

• Skills（技能）= 封装好的提示词和标准化工作流，让Claude变成特定领域的”专业人士”。本质是让AI”更懂怎么干”
• MCP服务器= 真正的工具能力，让Claude访问本地文件、浏览器、外部API。本质是让AI”真的能去干”

一句话总结：Skills让Claude更聪明，MCP让Claude更能干。

Skills安装方法

安装Skills需要用到 npx skills 命令，确保你的环境已安装Node.js：

# 安装skills工具
npm install -g skills

# 安装单个skill（必须加 -g 全局安装）
npx skills add <owner/repo@skill> -y -g

# 搜索可用技能
npx skills find

技能市场地址：https://skills.sh/，可以在上面浏览和搜索各种技能。

必装技能推荐

1. find-skills（技能发现神器）

这是第一个应该安装的技能。它能根据你的需求自动推荐合适的Skills，省去手动搜索的麻烦。

2. frontend-design（前端设计，52.7K+安装量）

安装量最高的前端开发技能，让Claude在生成前端代码时遵循最佳设计规范，输出的UI质量显著提升。

3. web-artifacts-builder（Web组件构建器）

专注于构建可交互的Web组件和artifacts，适合快速原型开发。

4. code-review（代码审查）

让Claude按照专业标准审查代码，包括安全性、性能、可维护性等维度。

5. test-driven-development（测试驱动开发）

引导Claude按照TDD流程编写代码，先写测试再写实现。

MCP服务器配置

MCP（Model Context Protocol）服务器让Claude Code能够访问外部工具和数据源。以下是8个实用的MCP服务器：

1. Filesystem MCP

让Claude直接读写本地文件系统，而不仅限于当前项目目录。

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

2. Browser MCP

让Claude控制浏览器，进行网页截图、表单填写、自动化测试等操作。

3. Database MCP

连接MySQL、PostgreSQL等数据库，让Claude直接执行SQL查询和数据分析。

4. GitHub MCP

增强GitHub操作能力，包括PR管理、Issue处理、代码搜索等。

5. Memory MCP

为Claude提供跨会话的持久记忆，记住项目上下文和用户偏好。

Skills vs MCP：怎么选

使用建议

1. 先装find-skills：用它来发现和管理其他技能
2. 按需安装：不要一次装太多，根据实际工作需要选择
3. Skills和MCP配合使用：Skills定义”怎么做”，MCP提供”做的能力”
4. 定期更新：Skills和MCP都在持续迭代，定期检查更新
5. 关注社区：skills.sh 市场上的热门技能通常质量较高

合理配置Skills和MCP后，Claude Code的开发效率可以提升数倍。建议从2-3个最常用的技能开始，逐步扩展你的工具链。

本文参考：掘金 – 别再裸用Claude Code了！32个亲测Skills+8个MCP