作为一名重度使用 Claude Code 的开发者,我踩过不少坑,也发现了许多能极大提升开发效率的 MCP。今天就把我心目中最值得安装的10个 MCP 整理出来,附带详细安装方法,帮你少走弯路。
为什么排第一? 文档是开发者永远的痛。Codex 能自动为你的代码生成 README、API 文档、架构图说明,甚至能反向工程不规范的代码库,生成清晰的“代码库地图”。
核心能力:
自动识别项目技术栈和入口文件
生成结构化的 README.md
创建 API 接口文档(支持 OpenAPI 格式)
维护项目知识库,记录技术决策
安装方法:
# 在项目根目录执行 claude mcp add codex -- npx @anthropic/mcp-codex
或者手动配置 .claude/mcp.json:
{ "mcpServers": { "codex": { "command": "npx", "args": ["-y", "@anthropic/mcp-codex"] } } }
使用示例:
> 用 Codex 帮我生成这个项目的 README > 扫描 src/ 目录,更新 API 文档
为什么排第二? 写代码时频繁切到 浏览器 查文档,是效率杀手。Context7 让你直接在对话中获取任何主流库的最新文档和示例,支持 React、Next.js、Prisma、Tailwind CSS 等上万个项目。
核心能力:
注入实时、版本匹配的库文档
自动解析 package.json,推送相关上下文
支持超过 10,000+ 开源项目
安装方法:
claude mcp add context7 -- npx @upstash/context7-mcp
配置 .claude/mcp.json:
{ "mcpServers": { "context7": { "command": "npx", "args": ["-y", "@upstash/context7-mcp"] } } }
使用提示:
> 用 Context7 查看 Next.js 14 的 Server Actions 最新写法 > 这个 Prisma 查询怎么写?帮我查最新文档 > 在对话中手动触发:/context7 查询内容
排第三的理由: 用自然语言管理 GitHub Issues、PR、代码审查,不用离开终端。这个 Skill 让你用对话方式完成创建 Issue、提交 PR、查看 Code Review 反馈等操作。
核心能力:
自然语言创建和管理 Issue/PR
自动生成 PR 描述和变更摘要
查看审查评论并自动修改代码
安装方法:
# 先确保安装了 gh CLI 并登录 gh auth login # 安装 Skill claude mcp add github -- npx @anthropic/mcp-github
配置示例:
{ "mcpServers": { "github": { "command": "npx", "args": ["-y", "@anthropic/mcp-github"], "env": { "GITHUB_TOKEN": "${GITHUB_TOKEN}" } } } }
使用示例:
> 根据最近的 commits 创建一个 PR > 查看我分配到的 Issues > 把 PR #42 的审查意见应用到代码里
为什么需要它? 开发时经常需要参考文档、博客、技术文章。WebFetch 能直接把网页内容喂给 Claude,实现“边读边写”。
核心能力:
抓取网页并转换为 Markdown
保留代码块和结构化内容
支持批量抓取和内容对比
安装方法:
claude mcp add webfetch -- npx @anthropic/mcp-webfetch
配置:
{ "mcpServers": { "webfetch": { "command": "npx", "args": ["-y", "@anthropic/mcp-webfetch"] } } }
使用示例:
> 抓取这个技术博客,然后按照它的模式写一篇类似的 > 获取 React 官方文档中关于 useMemo 的部分,帮我优化现有代码
为什么重要? 前端开发离不开 E2E 测试。Playwright Skill 能用自然语言编写和执行浏览器测试,自动截图、录屏,帮你验证 UI 功能。
核心能力:
用自然语言编写浏览器自动化流程
自动生成测试代码和截图对比
支持 Chrome、Firefox、Safari
安装方法:
claude mcp add playwright -- npx @anthropic/mcp-playwright
配置:
{ "mcpServers": { "playwright": { "command": "npx", "args": ["-y", "@anthropic/mcp-playwright"] } } }
使用示例:
> 打开登录页面,输入测试账号,点击登录,然后截图 > 为这个结账流程生成 Playwright 测试脚本
为什么能进前10? 虽然 Claude Code 本身就能读写文件,但 Filesystem Skill 提供了更安全的文件操作——支持批量重命名、项目结构重组、跨目录搜索替换等高级功能。
核心能力:
安全的文件读写和批量操作
目录结构分析和重组
大文件流式处理
安装方法:
claude mcp add filesystem -- npx @anthropic/mcp-filesystem
配置(限制访问范围更安全):
{ "mcpServers": { "filesystem": { "command": "npx", "args": ["-y", "@anthropic/mcp-filesystem", "/path/to/project"] } } }
排第七的原因: 后端开发中,直接在对话里查询数据库、分析表结构、生成迁移脚本,比来回切换数据库客户端高效得多。
核心能力:
直连数据库执行只读查询
分析表结构和索引
生成迁移脚本
安装方法(SQLite):
claude mcp add sqlite -- npx @anthropic/mcp-sqlite
配置:
{ "mcpServers": { "sqlite": { "command": "npx", "args": ["-y", "@anthropic/mcp-sqlite", "database.db"] } } }
安装方法(PostgreSQL):
claude mcp add postgres -- npx @anthropic/mcp-postgres
配置:
{ "mcpServers": { "postgres": { "command": "npx", "args": ["-y", "@anthropic/mcp-postgres", "$DATABASE_URL"] } } }
为什么要装? 如果你用 Docker 做开发环境,这个 Skill 让你用对话管理容器、镜像、日志查看,省去背命令的烦恼。
核心能力:
自然语言管理容器生命周期
查看日志和资源使用
编写 Dockerfile 和 Compose 文件
安装方法:
claude mcp add docker -- npx @anthropic/mcp-docker
配置:
{ "mcpServers": { "docker": { "command": "npx", "args": ["-y", "@anthropic/mcp-docker"] } } }
排第九的意义: 把项目管理直接嵌入编码流程。不用切到 Linear 或 Jira,直接在 Claude Code 里查看任务、更新状态、创建分支。
安装方法(Linear):
claude mcp add linear -- npx @anthropic/mcp-linear
配置:
{ "mcpServers": { "linear": { "command": "npx", "args": ["-y", "@anthropic/mcp-linear"], "env": { "LINEAR_API_KEY": "${LINEAR_API_KEY}" } } } }
安装方法(Jira):
claude mcp add jira -- npx @anthropic/mcp-jira
配置:
{ "mcpServers": { "jira": { "command": "npx", "args": ["-y", "@anthropic/mcp-jira"], "env": { "JIRA_API_TOKEN": "${JIRA_API_TOKEN}", "JIRA_DOMAIN": "your-domain.atlassian.net", "JIRA_EMAIL": "your-email@example.com" } } } }
压轴推荐: 虽然不是传统意义上的 Skill,但自定义 Slash Command 能把你常用的提示词和工作流封装成命令,相当于“自己造技能”。
核心能力:
封装复杂提示词为一键命令
团队共享标准化工作流
支持参数和模板变量
创建方法:
在项目根目录创建 .claude/commands/ 文件夹,然后添加 Markdown 文件:
mkdir -p .claude/commands
创建 .claude/commands/review.md:
请对当前分支的变更进行代码审查,重点检查: 1. 安全漏洞 2. 性能问题 3. 代码规范 4. 测试覆盖 输出格式化的审查报告。
使用:
> /review
一键配置脚本(复制到终端执行):
# 创建配置文件目录 mkdir -p .claude # 写入完整的 MCP 配置 cat > .claude/mcp.json << 'EOF' { "mcpServers": { "codex": { "command": "npx", "args": ["-y", "@anthropic/mcp-codex"] }, "context7": { "command": "npx", "args": ["-y", "@upstash/context7-mcp"] }, "github": { "command": "npx", "args": ["-y", "@anthropic/mcp-github"], "env": { "GITHUB_TOKEN": "${GITHUB_TOKEN}" } }, "webfetch": { "command": "npx", "args": ["-y", "@anthropic/mcp-webfetch"] }, "playwright": { "command": "npx", "args": ["-y", "@anthropic/mcp-playwright"] }, "filesystem": { "command": "npx", "args": ["-y", "@anthropic/mcp-filesystem", "."] }, "sqlite": { "command": "npx", "args": ["-y", "@anthropic/mcp-sqlite", "database.db"] }, "docker": { "command": "npx", "args": ["-y", "@anthropic/mcp-docker"] } } } EOF echo "✅ MCP 配置已生成,重启 Claude Code 即可生效"
| 你的角色 | 优先安装 |
|---|---|
| 全栈开发者 | Codex + Context7 + WebFetch + Playwright |
| 后端工程师 | SQLite/PostgreSQL + Docker + GitHub |
| 技术 Leader | Codex + GitHub + Linear/Jira + Custom Commands |
| 开源贡献者 | Codex + GitHub + Context7 |