MCP（Model Context Protocol）是让 AI 连接外部工具和数据源的协议。实际使用中，MCP 是不可或缺的能力扩展，这里总结一下我个人常用的 MCP 工具，以及举例如何在 Claude Code 中安装配置。
安装方式说明
Claude Code 中安装 MCP 有两种主要方式：
方式一：claude mcp add 命令（推荐）
# 基本格式
claude mcp add <server-name> -- <command> <args...>
# 常用参数
# -s user 全局安装（所有项目可用）
# -s project 项目级安装（仅当前项目）
# -e KEY=VAL 设置环境变量
方式二：手动编辑配置文件
项目级配置写在项目根目录的 .mcp.json，全局配置写在 ~/.claude/settings.json 的 mcpServers 字段。
// .mcp.json 示例
{
"mcpServers": {
"server-name": {
"command": "npx",
"args": ["-y", "package-name"],
"env": {
"API_KEY": "your-key"
}
}
}
}
Context7
文档搜索神器，直接从官方文档库中检索最新的 API 文档和代码示例，避免 AI 用过时的训练数据回答问题。
安装：
claude mcp add context7 -- npx -y @upstash/context7-mcp@latest
使用场景： 查 React、Next.js、Prisma 等任何库的最新文档时，让 AI 去查实际文档而不是凭记忆回答。
Exa
替代 AI 内置的 WebFetch/WebSearch，优势是搜索质量高、速度快，支持语义搜索。
安装：
# 先去 https://exa.ai 注册获取 API Key
claude mcp add exa -e EXA_API_KEY=your-api-key -- npx -y exa-mcp-server
使用场景： 技术调研、查找最新文章和博客、搜索特定领域的内容。
Figma
Figma + Claude Code 快速还原设计稿，让 AI 直接读取 Figma 设计文件并生成对应代码，效率很高。
安装：
# 先去 Figma 获取 Personal Access Token
# Figma → Settings → Personal access tokens → Generate
claude mcp add figma \
-e FIGMA_PERSONAL_ACCESS_TOKEN=your-token \
-- npx -y figma-developer-mcp --stdio
使用场景： 将 Figma 设计稿直接转换为前端代码，AI 可以读取设计文件中的布局、颜色、字体等信息。
TAPD
项目管理工具 TAPD 的 MCP 插件，让 AI 能读取需求、缺陷、迭代等项目信息，更好地理解业务上下文。
安装：
# 先去 TAPD 获取 API 凭证
# TAPD → 公司管理 → API 应用
claude mcp add tapd \
-e TAPD_USERNAME=your-api-id \
-e TAPD_PASSWORD=your-api-key \
-- npx -y tapd-mcp
使用场景： 开发前让 AI 先读取 TAPD 上的需求描述和验收标准，coding 时有更完整的业务理解。
Claude in Chrome
浏览器自动化插件，让 Claude Code 可以直接操控 Chrome 浏览器，实现网页交互、调试、截图等操作。
安装：
- 在 Chrome 应用商店搜索安装 Claude in Chrome 扩展
- 安装后扩展会自动启动本地 MCP 服务，Claude Code 中添加：
claude mcp add claude-in-chrome -- npx -y @anthropic/claude-in-chrome-mcp
使用场景： Coding 时联合网页调试，写爬虫/自动化脚本，测试前端页面交互。
Chrome DevTools
通过 Chrome DevTools Protocol 直接与浏览器交互，可以执行 JS、抓取网络请求、做性能分析等。
安装：
claude mcp add chrome-devtools -- npx -y @anthropic/chrome-devtools-mcp
使用场景： 调试前端性能问题、分析网络请求、执行页面脚本、截图对比。
管理已安装的 MCP
# 查看所有已安装的 MCP
claude mcp list
# 移除某个 MCP
claude mcp remove <server-name>
# 查看某个 MCP 的详细配置
claude mcp get <server-name>
小贴士
- API Key 安全：不要把 API Key 直接写在项目的
.mcp.json中提交到 Git，建议用-s user安装到全局配置 - 按需安装：不需要一次装所有 MCP，根据实际工作场景按需添加
- 项目级 vs 全局：通用工具（Context7、Exa、TAPD）建议全局安装，项目专属工具建议项目级安装
