经常玩Agent的朋友都知道,通过调用外部工具能够有效缓解大模型的幻觉问题并拓展大模型的能力边界。最开始的时候叫函数调用(Function Calling),或者工具调用(Tool Use)。

但后来工具太多,大模型接入没有一个统一的规范和协议,所以又有了模型上下文协议(MCP)。本质上是将外部工具以上下文的形式提供给大模型。

那么,我们在使用Claude Code等AI编程工具时,是不是MCP安装的越多越好?当然不是。一般大模型都存在有限的上下文窗口,比如Claude Sonnet 4.5的200K上下文窗口、Kimi K2的256K上下文窗口等。安装太多的MCP通常会挤占项目上下文空间,降低上下文的使用效率。还有就是MCP工具多了,AI在决策时选择哪个工具也会有成本。

640_wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1.webp

所以,理想的MCP配置应遵循按需精选策略:针对具体项目类型和开发阶段,只保留核心必需的工具,确保每个MCP都有明确的使用场景。另外也可以定期对MCP进行盘点,清理不再使用的MCP。本质上也是一个有限资源约束下(大模型有限的上下文窗口)的优化问题(最优的AI响应与执行效率)。

为了保证Claude Code的任务执行效率,我在使用Claude Code时,目前只配置了两个通用的MCP工具。咱们分开说。

640_wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1.webp

Chrome DevTools MCP

第一个是Chrome DevTools MCP,也就是Chrome开发者工具MCP,Chrome DevTools MCP能让Claude Code控制和检查实时运行的Chrome浏览器。

官方教程:https://github.com/ChromeDevTools/chrome-devtools-mcp/

提示词示例:https://developer.chrome.com/blog/chrome-devtools-mcp/

chrome-devtools-mcp这么好用,那么怎么安装呢?也非常简单,下面我以Claude Code为例,讲一下如何配置chrome-devtools-mcp。

先分别在主目录下的.claude目录内的settings.json和项目目录下的.mcp.json文件(如没有自己新建一个)内编写如下MCP客户端配置脚本:

{
    "mcpServers":
        {
            "chrome-devtools":
                {
                    "command": "npx",
                    "args": ["chrome-devtools-mcp@latest"]
                }
        }
}

然后在命令行安装chrome-devtools-mcp(--scope user表示全局生效):

claude mcp add chrome-devtools npx chrome-devtools-mcp@latest --scope user

chrome-devtools-mcp配置好后,我们就可以在前端项目中愉快地使用了!

context7

第二个是context7。经常写代码的朋友都知道,对于编程语言、软件和开源项目等来说,文档和教程非常重要。或许你曾有如下经历:AI写的代码,经常报某个函数、某个类的某个属性不存在等问题,其实一般就是版本问题,是你当前用的库版本与大模型给你写的代码的库版本不一致造成的。

而Context7就是一个专门为大模型和AI编程工具提供最新代码文档的MCP服务器工具。其核心价值在于解决AI编程助手的三大痛点:训练数据过时导致的代码示例陈旧、API幻觉问题,以及缺乏版本特定的库文档支持。

项目地址:https://github.com/upstash/context7

安装方法如下:

claude mcp add --transport http context7 https://mcp.context7.com/mcp --header "CONTEXT7_API_KEY: YOUR_API_KEY"

需要去Context7官网申请一下api key:

官网:https://context7.com/dashboard

640_wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1.webp

在使用Claude Code进行开发时,我们可以在提示词中添加"use context7"指令,系统会自动从源头拉取实时文档并注入到LLM上下文中。也可以直接将使用context7作为规则添加到CLAUDE.md文档中,比如:

Always use context7 when I need code generation, setup or configuration steps, or library/API documentation. This means you should automatically use the Context7 MCP tools to resolve library id and get library docs without me having to explicitly ask.

如果你也在用Claude Code深度Vibe Coding,欢迎体验上述两个MCP。相信会给你带来不一样的开发体验。