MCP搜集

说明

本地服务方式：运行位置是本地机器，适合个人开发、本地工具，运行位置是本地机器

远程服务方式：独立运行，客户端通过 URL 连接，需要网络配置、认证、部署；客户端通过 URL 连接，适合团队协作、企业级部署、共享服务

如果你只是偶尔使用，选远程方式更省事；如果需要离线使用或自定义修改，选本地方式。

context7

能将最新的、特定版本的文档和代码片段等信息，直接整合到你给大模型的提示（prompt）中。避免被其固有的、可能过时的知识库所误导。

在回应请求前，大模型会先用 Context7 搜集最新相关信息作为上下文,再根据这些新信息生成答案。

直接从源头获取任何库的最新文档和代码

解决的痛点：

不使用 Context7 时可能遇到的问题：

❌ 训练数据包含过时文档
❌ 生成不存在的虚假代码示例
❌ 提供不针对特定版本的通用答案
❌ 浪费时间验证 AI 生成的响应
❌ 因与 LLM 反复沟通而感到挫败
使用 Context7 后的优势：

✅ 提供最新的、特定版本的文档
✅ 提供来源可靠、可实际工作的代码示例
✅ 提供简洁相关的信息，无冗余内容
✅ 个人使用免费
✅ 可与 MCP 服务器和工具集成

官网：https://context7.com/

安装：

官网，有说明文档，找到claudeCode的说明部分，有安装的命令

CLI 快速安装

#本地服务器方式
claude mcp add --scope user context7 -- npx -y @upstash/context7-mcp --api-key YOUR_API_KEY
# 远程服务器方式
claude mcp add --scope user --header "CONTEXT7_API_KEY: YOUR_API_KEY" --transport http context7 https://mcp.context7.com/mcp

手动配置（项目级）：在项目根目录创建 .mcp.json

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp@latest", "--api-key", "YOUR_API_KEY"]
    }
  }
}

api_key的获取：

首页点击more的下拉里面可以创建

安装后，在对话中追加 "use context7" 即可触发

例如：

Create a basic Next.js project with app router. use context7
帮我写一个 Next.js 15 的中间件，use context7

也可以设置自动触发，如在claudeCode的 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.

BrowserTools

赋予 AI 模型直接操作和交互 Web 浏览器的能力。

官网：https://browsertools.agentdesk.ai/installation

页面导航支持访问指定 URL、前进、后退、刷新及页面跳转。
元素交互能够执行点击（Click）、输入（Type）、悬停（Hover）和拖拽等模拟人工的操作。
数据提取抓取网页 HTML 源码、纯文本内容，或解析特定 DOM 节点数据。
视觉感知支持截取网页长图或可见区域截图，供模型进行视觉分析。
脚本执行允许在浏览器环境中运行自定义 JavaScript 代码，处理复杂逻辑。
状态监控获取控制台日志（Console Logs）、网络请求状态及 Cookie 信息。

应用场景：

自动化调研：实时搜索最新资讯、对比不同网站的价格或规格。
Web 自动化测试：自动执行 UI 测试流程，检查页面是否存在 Bug 或渲染异常。
数据采集：从反爬虫较强的动态渲染页面中提取结构化信息。
辅助办公：自动登录后台管理系统、填写表单或导出报表。

安装使用：

官网打开，点击这里来下载浏览器插件

下载好压缩包后进行解压

安装插件

选择解压好的文件夹里面的这个文件

mcp安装：

claude mcp add browser-tools npx @agentdeskai/browser-tools-mcp@latest

启动mcp服务

npx @agentdeskai/browser-tools-server@1.2.0

浏览器打开控制台

元素选取器使用，选择内容后，可以直接对选取内容进行提问，比如问：这块的样式需要调整，修改成黑色底色

Cloudflare

官网：https://www.cloudflare-cn.com/

● 登录 Cloudflare → 管理账户 → API 令牌 → 创建令牌
● 使用 Workers 模板，权限默认即可
● 区域资源：账户的所有区域
● 令牌只显示一次，需妥善保存

设置环境变量

export CLOUDFLARE_API_TOKEN="你的令牌"

安装文档查询服务器

claude mcp add cloudflare-docs --transport sse https://docs.mcp.cloudflare.com/sse

安装部署服务器

claude mcp add cloudflare-builds https://builds.mcp.cloudflare.com/sse --transport sse -e CLOUDFLARE_API_TOKEN=$CLOUDFLARE_API_TOKEN

安装资源绑定服务器

claude mcp add cloudflare-bindings https://bindings.mcp.cloudflare.com/sse --transport sse -e CLOUDFLARE_API_TOKEN=$CLOUDFLARE_API_TOKEN

查询 MCP 工具

claude mcp list

如果提示有的mcp工具链接失败，选择对应的mcp工具，回车，选择认证，之后会打开浏览器页面，在页面点击allow按钮即可。

posted @ 2026-03-16 12:04 星光闪闪阅读(3) 评论(0) 收藏举报

刷新页面返回顶部