实操教程

给你的 Claude Code 装上这 5 个 MCP，效率翻倍

2026-07-03 · 8 min

Claude Code 本体已经很能干，但它默认只会两件事：读写你的文件、跑你的命令。想让它操作浏览器、连数据库、驱动自动化平台，就需要 MCP（Model Context Protocol）——给 agent 接外设的标准协议。装一个 MCP，agent 就多一双手。

这篇教程挑五个我们实测下来”装了回不去”的 MCP，全部一条命令安装。

Claude Code 通过 MCP 协议连接五个外部能力

怎么装：三步通用流程

所有 MCP 的安装方式完全一致，学会一次全部通用：

安装三步：复制命令 → 终端执行 → 对话直接用

安装后在对话里直接说人话就行——agent 自己决定什么时候调用哪个工具，不需要你记任何 API。

claude mcp add n8n -- npx -y n8n-mcp

让 agent 直接编排 n8n 的 500+ 应用集成。实测场景：让 Claude Code “把这个表单的提交同步到飞书群”，它自己建好了 workflow、配好了 webhook。以前这是半小时的手工活。

claude mcp add browser -- npx -y @browsermcp/mcp

agent 像人一样打开页面、点击、填表、截图。调前端 bug 时让它”打开这个页面看看控制台报什么错”，比来回贴截图快一个数量级。

claude mcp add github -- npx -y @modelcontextprotocol/server-github

检索代码、开 issue、审 PR 全在对话里完成。配合多 agent 编排，可以做到”把这个 issue 修了并发 PR”一句话交付。

claude mcp add postgres -- npx -y @modelcontextprotocol/server-postgres "$DATABASE_URL"

只读模式接生产库，让 agent 写复杂查询、排查数据问题。“上周注册用户里有多少没完成首单”这种问题，它自己写 SQL 自己跑。

claude mcp add figma -- npx -y figma-developer-mcp --figma-api-key=$FIGMA_KEY

把 Figma 链接丢给 agent，它读取真实的设计 token（间距、色值、字号）来写前端，而不是看截图猜。还原度肉眼可见地提升。