MCP 神器推荐：让 Claude Code 能看图、能搜索、能查文档前言：从"能干活"到"无所不能" 还记得第一次用

前言：从"能干活"到"无所不能"

还记得第一次用 Claude Code 的时候吗？它能读代码、写代码、改 bug，已经让人觉得很厉害了。但你有没有想过，如果 Claude Code 能直接搜索网页、分析图片、查 GitHub 文档，那会是什么体验？

这就是 MCP（Model Context Protocol，模型上下文协议）的魔力所在。

2024 年 11 月，Anthropic 推出了 MCP 这个开放标准，彻底改变了 AI 助手的能力边界。简单来说，MCP 就像是给 Claude Code 装上了"插件系统"，让它能连接各种外部工具和数据源。

今天这篇文章，我就来给大家安利几个超实用的 MCP 服务器，让你的 Claude Code 从"能干活"升级到"无所不能"。

一、MCP 是什么？为什么要用它？

1.1 MCP 的本质

MCP（Model Context Protocol）是 Anthropic 在 2024 年底推出的开放协议，它的核心作用是：

让 AI 助手能够安全、标准化地连接外部数据源和工具。

在 MCP 出现之前，每个 AI 工具想要连接数据库、API、文件系统，都需要单独开发集成方案。而 MCP 提供了一套统一的"客户端-服务器"架构：

MCP 客户端：Claude Code、Cline 等 AI 工具
MCP 服务器：各种功能服务（搜索、图像分析、文档查询等）

通过 MCP，开发者只需要写一次服务器，就能让所有支持 MCP 的 AI 工具使用。

1.2 MCP 能干什么？

MCP 服务器的能力范围非常广：

数据访问：连接数据库、文件系统、API
工具调用：执行搜索、分析、转换等操作
实时信息：获取最新的网页内容、文档更新
多模态能力：图像识别、OCR、视频分析

简单来说，MCP 让 Claude Code 从"只能看代码"变成了"能看、能搜、能分析一切"。

二、实用的 MCP 服务器推荐

下面我来安利几个我自己在用的 MCP 服务器，都是经过实战检验的好东西。

2.1 zai-mcp-server：图像分析神器

功能介绍

zai-mcp-server 是 Z.AI 推出的视觉分析 MCP 服务器，基于强大的 GLM-4.6V 模型，提供以下能力：

UI 转代码：上传设计稿，直接生成前端代码
OCR 文字识别：提取图片中的文字内容
错误诊断：分析错误截图，给出解决方案
技术图表理解：解读架构图、流程图、UML 图
数据可视化分析：分析图表、仪表盘中的数据趋势

使用场景

前端开发：设计稿转代码，省去手写 HTML/CSS 的时间
调试排错：截图报错信息，让 Claude 直接分析原因
文档整理：扫描纸质文档，提取文字内容
技术学习：上传技术架构图，让 Claude 讲解原理

官方文档

docs.bigmodel.cn/cn/coding-p…

安装配置

在 Claude Code 的配置文件中添加：

{
  "mcpServers": {
    "zai-mcp-server": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@z_ai/mcp-server"
      ],
      "env": {
        "Z_AI_API_KEY": "your_api_key",
        "Z_AI_MODE": "ZHIPU"
      }
    }
  }
}

2.2 web-reader：网页内容抓取利器

功能介绍

web-reader 是 Z.AI 提供的网页内容提取服务，能够：

抓取任意网页的文本内容
将 HTML 转换为 Markdown 格式
过滤广告和无关内容
保留文章结构和格式

使用场景

技术调研：快速抓取技术博客、官方文档
内容整理：批量提取网页内容，整理成笔记
竞品分析：抓取竞品网站的产品介绍

官方文档

docs.bigmodel.cn/cn/coding-p…

安装配置

{
  "mcpServers": {
    "web-reader": {
      "type": "http",
      "url": "https://open.bigmodel.cn/api/mcp/web_reader/mcp",
      "headers": {
        "Authorization": "Bearer your_api_key"
      }
    }
  }
}

2.3 web-search-prime：实时网页搜索

功能介绍

web-search-prime 提供实时网页搜索能力，支持：

多搜索引擎支持（Google、Bing、DuckDuckGo）
时间范围过滤（最近一天、一周、一月）
域名白名单过滤
搜索结果摘要

使用场景

技术问题排查：搜索最新的解决方案
行业动态跟踪：获取最新的技术资讯
文档查找：快速定位官方文档

GitHub 仓库

docs.bigmodel.cn/cn/coding-p…

安装配置

{
  "mcpServers": {
    "web-search-prime": {
      "type": "http",
      "url": "https://open.bigmodel.cn/api/mcp/web_search_prime/mcp",
      "headers": {
        "Authorization": "Bearer your_api_key"
      }
    }
  }
}

2.4 zread：GitHub 文档搜索专家

功能介绍

zread 是专门为 GitHub 仓库设计的文档搜索工具，由 zread.ai 提供支持，能够：

搜索 GitHub 仓库的文档、Issues、Commits
智能理解技术问题，返回相关代码片段
支持中英文双语搜索

使用场景

开源项目学习：快速了解项目架构和实现原理
问题排查：搜索 Issues 中的类似问题
API 文档查询：快速找到函数用法和示例

官方文档

docs.bigmodel.cn/cn/coding-p…

安装配置

{
  "mcpServers": {
    "zread": {
      "type": "http",
      "url": "https://open.bigmodel.cn/api/mcp/zread/mcp",
      "headers": {
        "Authorization": "Bearer your_api_key"
      }
    }
  }
}

2.5 更多实用 MCP 服务器推荐

除了上面介绍的 MCP 服务器，还有一些非常实用的 MCP 服务器值得推荐：

mcp-fetch：灵活的 HTTP 抓取工具

功能介绍

mcp-fetch 是一个灵活的 HTTP 抓取 MCP 服务器，支持多种格式的网页内容获取：

支持 HTML、JSON、纯文本、Markdown 多种格式
自动将 HTML 转换为 Markdown
无需遵守 robots.txt 限制
支持自定义请求头和参数

使用场景

抓取技术文档和博客文章
获取 API 响应数据
网页内容分析和处理

GitHub 仓库

github.com/modelcontex…

安装配置

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

mcp-filesystem：安全的文件系统访问

功能介绍

mcp-filesystem 提供安全的本地文件系统访问能力：

读取、写入、创建、删除文件和目录
文件搜索和元数据获取
沙盒化操作，限制在指定目录内
支持文件移动和重命名

使用场景

项目文件管理和操作
日志文件读取和分析
配置文件修改

GitHub 仓库

github.com/modelcontex…

安装配置

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

mcp-memory：知识图谱记忆系统

功能介绍

mcp-memory 提供持久化的知识图谱存储能力：

存储实体、关系和观察结果
跨会话记忆用户信息
语义搜索和知识检索
自动整合和去重

使用场景

记住用户偏好和历史对话
构建项目知识库
长期记忆管理

GitHub 仓库

github.com/modelcontex…

安装配置

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

mcp-github：GitHub 仓库管理

功能介绍

mcp-github 是 GitHub 官方的 MCP 服务器，提供完整的 GitHub 集成：

浏览仓库、目录和文件内容
创建和管理 Issues、Pull Requests
搜索代码和仓库
提交代码和管理分支

使用场景

代码审查和 PR 管理
Issue 跟踪和处理
仓库内容查询

GitHub 仓库

github.com/github/gith…

安装配置

需要先获取 GitHub Personal Access Token：github.com/settings/to…

{
  "mcpServers": {
    "github": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-github"],
      "env": {
        "GITHUB_PERSONAL_ACCESS_TOKEN": "your-token-here"
      }
    }
  }
}

mcp-router：MCP 服务器管理中心

功能介绍

mcp-router 是一个统一的 MCP 服务器管理工具，提供：

集中管理多个 MCP 服务器
灵活的路由策略
HTTP/SSE 端点支持
可视化管理界面
多实例 MCP 服务器支持

使用场景

多服务器管理：统一配置和管理所有 MCP 服务
团队协作：共享 MCP 服务器配置
性能优化：统一监控和调优
复杂路由：根据请求类型智能路由到不同的 MCP 服务器

GitHub 仓库

github.com/mcp-router/…

安装配置

{
  "mcpServers": {
    "mcp-router": {
      "command": "npx",
      "args": ["-y", "mcp-router"]
    }
  }
}

chrome-devtools：谷歌官方浏览器调试工具

功能介绍

chrome-devtools 是 Google Chrome DevTools 团队官方推出的 MCP 服务器，提供强大的浏览器自动化和调试能力：

控制和检查浏览器会话
实时调试 Web 应用程序
访问浏览器和 DevTools 数据
自动化浏览器交互
网络请求监控和分析

使用场景

前端开发调试：实时检查页面元素、网络请求
自动化测试：模拟用户操作，验证页面行为
性能分析：监控页面加载性能，分析瓶颈
网页抓取：自动化获取网页数据和内容

GitHub 仓库

github.com/ChromeDevTo…

安装配置

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

playwright：微软官方浏览器自动化工具

功能介绍

playwright 是微软官方推出的 MCP 服务器，基于 Playwright 浏览器自动化框架：

跨浏览器支持（Chrome、Firefox、WebKit）
页面截图和快照
表单自动填充和提交
元素交互（点击、输入、悬停）
网络拦截和模拟

使用场景

E2E 测试：编写端到端自动化测试
UI 自动化：模拟用户操作流程
网页截图：批量生成页面截图
数据抓取：自动化爬取动态网页内容
表单测试：自动填写和提交表单

GitHub 仓库

github.com/microsoft/p…

安装配置

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

deepwiki：GitHub 仓库智能百科全书

功能介绍

deepwiki 是由 Cognition AI 开发的 GitHub 仓库智能查询工具，被誉为"GitHub 仓库的免费百科全书"：

智能搜索和理解 GitHub 项目
自动索引仓库文档和代码
语义化问答，精准定位信息
支持代码片段查询
项目架构分析

使用场景

开源项目学习：快速理解陌生项目的架构和实现
代码参考查询：搜索特定功能的实现示例
技术选型：对比不同开源项目的方案
问题排查：查找类似 Issues 的解决方案
API 文档查询：快速定位函数用法和示例

GitHub 仓库

github.com/mcp/cogniti…

安装配置

{
  "mcpServers": {
    "deepwiki": {
      "command": "npx",
      "args": ["-y", "@regenrek/mcp-deepwiki"]
    }
  }
}

context7：最新代码文档查询神器

功能介绍

context7 是 Upstash 推出的实时代码文档查询服务，专为开发者打造：

获取最新版本、特定版本的文档和代码示例
支持主流编程库和框架（React、Next.js、MongoDB 等）
智能项目排名，推荐最佳资源
直接将文档嵌入 AI 提示词
支持中英文双语查询

使用场景

API 查询：快速查找库和框架的最新 API 用法
版本对比：了解不同版本之间的差异
代码示例：获取最佳实践的代码示例
技术学习：学习新技术栈的使用方法
问题解决：查找特定功能的实现方案

GitHub 仓库

github.com/upstash/con…

安装配置

{
  "mcpServers": {
    "context7": {
      "type": "http",
      "url": "https://mcp.context7.com/mcp"
    }
  }
}

sequential-thinking：AI 思维链推理助手

功能介绍

sequential-thinking 是 Model Context Protocol 官方服务器集合的一部分，提供结构化思维链推理能力：

将复杂问题分解为可管理的步骤
自动记录完整的思考过程
支持多轮推理和反思
帮助 AI 模型进行系统性思考
提升问题解决的质量

使用场景

复杂问题分析：将大问题拆解为小步骤
代码架构设计：系统性思考架构方案
调试排查：结构化分析问题根因
技术方案规划：分步骤制定实施计划
知识整理：系统性总结和梳理知识点

GitHub 仓库

github.com/modelcontex…

安装配置

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

serena：智能代码分析专家

功能介绍

serena 是一个强大的代码代理工具包，能将 LLM 转变为功能完善的代码分析助手：

语义代码分析（基于 LSP）
符号搜索和引用查找
代码重构和编辑
项目结构理解
智能代码导航
跨文件依赖分析

使用场景

代码重构：自动重构和优化代码
架构理解：快速理解大型项目的架构
符号搜索：查找函数、类的定义和引用
代码审查：自动分析代码质量和问题
项目迁移：协助代码库迁移和升级

GitHub 仓库

github.com/oraios/sere…

安装配置

{
  "mcpServers": {
    "serena": {
      "command": "npx",
      "args": ["-y", "serena-mcp"]
    }
  }
}

三、用 cc switch 轻松管理 MCP

手动编辑 JSON 配置文件？太原始了！现在有更优雅的方式：cc switch。

3.1 cc switch 是什么？

cc switch 是一个跨平台的桌面工具，专门用于管理 Claude Code、Codex 和 Gemini CLI。它提供了可视化界面，让你可以：

一键切换：在 Claude Code、Codex、Gemini 之间快速切换
可视化配置：通过图形界面管理 MCP 服务器，告别 JSON 编辑
配置同步：统一管理所有 CLI 工具的配置
实时预览：即时查看配置效果，无需重启

GitHub 仓库

github.com/farion1231/…

3.2 延伸阅读

如果你想深入了解 cc switch 的完整使用方法，我之前写过两篇详细教程：

1. cc switch 完整使用指南

还在手动改配置文件？没用CC-Switch就等着被淘汰吧！GitHub 5.9k星神器实测

这篇文章详细介绍了：

cc switch 的安装部署（Windows/macOS/Linux）
Claude Code、Codex、Gemini 三大 CLI 工具的配置
MCP 服务器管理的完整流程
API 速度测试和快捷操作技巧

2. 多设备配置同步方案

公司配好的cc switch，回家又要重配？这个方法让我彻底解放了

这篇文章解决了多设备开发者的痛点：

使用坚果云实现配置自动同步
公司电脑和家里电脑配置一致
Windows/macOS 跨平台同步方案
配置永不丢失的备份策略

3.3 在 cc switch 中配置 MCP

打开 cc switch 后，按照以下步骤配置 MCP 服务器：

步骤 1：进入 MCP 管理界面

启动 cc switch
点击右上角的 MCP 配置图标
进入 MCP 服务器管理页面

步骤 2：添加 MCP 服务器

在 MCP 管理界面，你有两种方式添加服务器：

方式一：手动添加

点击右上角的 "Add MCP Server" 按钮
在弹出的对话框中填写以下信息：
- Name：服务器名称（如 zai-mcp-server）
- Transport Type：传输类型，选择 stdio（大多数 MCP 服务器使用此类型）
- Command：启动命令（如 npx）
- Arguments：命令参数，点击 "+" 添加参数
  - 第一个参数：-y
  - 第二个参数：@zai/mcp-server
- Environment Variables：环境变量（可选，一般不需要填写）
点击 "Save" 保存配置

方式二：从模板添加（推荐）

点击 "成品mcp" 按钮
从内置模板列表中选择你需要的 MCP 服务器
系统会自动填充配置信息
确认无误后点击 "Save"

步骤 3：启用/禁用 MCP 服务器

在 MCP 服务器列表中，每个服务器右侧都有一个开关按钮：

开关打开（绿色）：服务器已启用
开关关闭（灰色）：服务器已禁用

你可以随时切换，配置会立即生效，无需重启 Claude Code。

常用 MCP 服务器配置示例

以下是本文推荐的 MCP 服务器的配置参数：

服务器名称	Command	Arguments
zai-mcp-server	`npx`	`-y`, `@zai/mcp-server`
web-reader	`npx`	`-y`, `@zai/web-reader-mcp`
web-search-prime	`npx`	`-y`, `web-search-mcp`
zread	`npx`	`-y`, `@zai/zread-mcp`
mcp-router	`npx`	`-y`, `mcp-router`
chrome-devtools	`npx`	`-y`, `@modelcontextprotocol/server-chrome-devtools`
playwright	`npx`	`-y`, `@executeautomation/playwright-mcp`
deepwiki	`npx`	`-y`, `@regenrek/mcp-deepwiki`
context7	(HTTP)	URL: `https://mcp.context7.com/mcp`
sequential-thinking	`npx`	`-y`, `@modelcontextprotocol/server-sequential-thinking`
serena	`npx`	`-y`, `serena-mcp`

注意事项

所有参数都需要单独添加，不要把多个参数写在一起
Transport Type 大多数情况下选择 stdio
如果 MCP 服务器需要 API Key，在 Environment Variables 中添加

3.4 cc switch 的优势

相比手动编辑配置文件，cc switch 有以下优势：

对比项	手动编辑 JSON	cc switch
操作难度	需要了解 JSON 语法	可视化操作，零门槛
错误风险	容易出现语法错误	自动校验，避免错误
配置管理	分散在多个文件	统一管理，一目了然
实时生效	需要重启 CLI	即时生效，无需重启
多 CLI 支持	需要分别配置	一键切换，配置共享

3.5 其他可视化管理工具

除了 cc switch，还有一些其他的 MCP 管理工具：

MCP Manager

github.com/zueai/mcp-m…

简单的 Web UI，专门用于管理 Claude Desktop 的 MCP 服务器。

ConfigMCP

configmcp.com

第一个 GUI 工具，专注于 MCP 配置管理，支持配置导入导出。

四、理性反思：MCP 不是银弹

说了这么多 MCP 的好处，但我必须提醒大家：MCP 不是万能的，也不是越多越好。

4.1 MCP 的代价：上下文 Token 消耗

每个 MCP 服务器在运行时，都会占用 Claude Code 的上下文窗口。如果你装了 10 个 MCP 服务器，每次对话都会消耗大量的 Token，导致：

响应变慢：Claude 需要处理更多的上下文信息
成本增加：Token 消耗直接影响 API 费用
效果下降：上下文过长可能导致 AI 注意力分散

4.2 Skill 才是大势所趋

相比 MCP，Claude Code 的 Skill 机制更加轻量和高效：

按需加载：只在需要时才激活 Skill
零配置：不需要安装额外的服务器
官方支持：Anthropic 官方维护，稳定性更好

目前 Claude Code 已经内置了很多实用的 Skill：

frontend-design：前端设计和代码生成
canvas-design：可视化设计和绘图
artifacts-builder：复杂组件构建
video-processor：视频下载和处理

Skill vs MCP 对比表

对比维度	Skill	MCP
安装难度	零配置，开箱即用	需要配置 JSON 文件
Token 消耗	按需加载，消耗少	持续占用上下文
功能范围	官方维护，稳定	社区驱动，功能丰富
适用场景	通用开发任务	特定领域需求
推荐指数	⭐⭐⭐⭐⭐	⭐⭐⭐⭐

4.3 我的建议

优先使用 Skill：能用 Skill 解决的问题，就不要用 MCP
按需安装 MCP：只装你真正需要的 MCP 服务器
定期清理：不用的 MCP 服务器及时删除
监控性能：注意观察 Claude Code 的响应速度和 Token 消耗

五、总结

MCP 确实是一个强大的工具，它让 Claude Code 拥有了连接外部世界的能力。但我们要理性看待：

MCP 是锦上添花，不是雪中送炭。

对于大多数开发场景，Claude Code 自带的能力 + Skill 已经足够强大。只有在遇到特定需求（如图像分析、实时搜索）时，才需要引入 MCP 服务器。

记住这个原则：简单、够用、高效。

不要为了炫技而装一堆 MCP，最后发现 Claude Code 变慢了、Token 超了、钱包空了。

欢迎关注公众号 FishTech Notes，一块交流使用心得！