跳到主要内容
VibeStacks
工具条目

MCP

模型上下文协议：把浏览器、数据库、文档检索等外部能力，以统一的接口接给任何支持它的 AI 工具。

最后审阅
官网
modelcontextprotocol.io

适合

  • 让 Agent 做它本来做不到的事：操作浏览器、查询数据库、读取设计稿或工单
  • 一次接入、多个工具共用的外部能力
  • 需要实时数据（最新文档、线上状态）而不是模型记忆的场景

不适合

  • 告诉 Agent 项目约定（用 AGENTS.md）
  • 一段固定的操作步骤（用 Skills，更轻）
  • 来源不明的第三方服务器：它们的工具说明和返回结果都会被模型读到

MCP（Model Context Protocol）是一个基于 JSON-RPC 的开放协议，2024 年 11 月由 Anthropic 发布，2025 年 12 月捐给 Linux 基金会旗下的 Agentic AI Foundation。它定义了 AI 应用（宿主）如何连接外部的 MCP 服务器。

服务器能提供三样东西

  • Tools（工具）：模型可以调用的操作，例如“打开网页并截图”“执行一条查询”。
  • Resources（资源）：可以读取的数据，例如文件、表结构、最近的工单。
  • Prompts（提示模板）：带参数的固定提示，用户可以像命令一样调用。

一个 MCP 服务器写一次，Cursor、Claude Code 和其他支持 MCP 的工具都能用。

什么时候值得接

先问自己：Agent 失败是因为不知道，还是做不到？不知道项目约定，写 AGENTS.md；做不到（比如没法打开浏览器检查页面），才接 MCP。对前端开发最常用的是浏览器自动化：让 Agent 自己打开页面、点击、截图，验证改动是否真的生效。

安全

MCP 服务器的工具描述和返回结果都会进入模型的上下文，模型可能会照着其中的指令行动。只安装来源可信的服务器；涉及写操作（发消息、改数据）的工具，保留调用前的人工确认。

配置

大多数工具用一个 JSON 文件声明要启动的服务器，结构基本相同：mcpServers 下每一项给出启动命令和参数。Cursor 读取项目里的 .cursor/mcp.json，Claude Code 读取项目根目录的 .mcp.json。下方纪念品配置了 Playwright 的浏览器自动化服务器，按你的工具放到对应位置即可。

纪念品

带走给你的 AI

把这份 mcp.json 放进项目，或直接粘贴给 AI 编程助手。

mcp.json
{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["@playwright/mcp@latest"]
    }
  }
}

相关内容

  • 工具条目

    Skills

    把某类任务的做法打包成一个文件夹，Agent 平时只记住名字和描述，用到时才读全文。

  • 工具条目首选

    Cursor

    基于 VS Code 的 AI IDE：补全、对话、Agent 和代码在同一个窗口，改动以 diff 呈现。