博主头像

用过上百款编程MCP，只有这15个真正好用，Claude Code与Codex配置MCP详细教程

外来客 • 2026-08-20 13:05:07

分享
𝕏 f ◉
声明：本文为对公开视频内容的摘要整理， 未经本站独立核实，可能与原视频存在出入，不代表本站立场、观点或建议； 观点与版权归原作者及原平台所有。 如涉及版权问题，请联系我们，核实后立即删除。 [ 免责声明 ]

🛠️ 核心观点与MCP定义

  • MCP本质：模型上下文协议（Model Context Protocol），被定义为AI的标准化工具箱，使AI能与外部系统对话并代替人类执行操作。
  • 工具筛选标准：在试用上百款编程类MCP后，仅筛选出15个真正好用的工具，主要集中在编程领域。
  • 配置原则：MCP Server并非配置越多越好，每增加一个都会占用上下文，建议“用哪个配置哪个”。
  • 演示环境：使用热度最高的两个AI编程工具 Claude Code 和 Codex 进行实战演示。

🌐 浏览器自动化与调试

  • Chrome DevTools MCP：由谷歌官方开发，无需安装浏览器插件，只要电脑安装过Chrome即可直接使用，终结了社区开发MCP配置麻烦的问题。
  • 功能演示：
  • 基础操作：自动打开GitHub、搜索项目并点击Star。
  • 调试能力：读取控制台报错和网络请求，精准定位代码错误（如将PUT请求改为POST）并自动修复。
  • 配置差异：
  • Claude Code：支持项目级或用户级（`--scope user`）配置。
  • Codex：需修改 `config.toml` 文件，Windows配置较繁琐，macOS可简化命令。

🗄️ 云端数据库集成

  • Neon MCP：基于Postgres的免费云端数据库。
  • 功能：让AI瞬间获得数据库操作能力，支持创建Project、建表、插入数据。
  • 配置：Claude Code需授权登录；Codex需配置HTTP或NPX方式，Windows与macOS配置略有不同。
  • Supabase MCP：功能比Neon更强大，封装了用户认证、文件存储、可视化运维面板等后端基础设施。
  • 功能：支持创建业务表、生成Next.js登录注册页面、自动填写环境变量（URL和API Key）。
  • 配置：通过HTTP远程调用，需在浏览器完成授权。

🎨 设计稿转代码

  • Figma MCP：将Figma设计稿对接到Coding Agent，实现一句话生成网页。
  • 配置难点：参数复杂，需先在命令行安装基础包，再手动编辑配置文件填入Figma API Key和STDIO参数。
  • 效果：AI获取设计稿结构信息和图片，生成的Next.js登录页面与原始设计稿相似度约九成。

📚 文档检索与知识补充

  • Context7 MCP：帮助AI查找文档，补充最新编程知识（如Python 3.14的T字符串特性），解决大模型知识截止日期的问题。
  • Ref MCP：功能类似Context7，但更灵活，支持从论文、GitHub仓库等冷门地方进行文档深入检索。

🖼️ 图片生成与部署

  • Replicate MCP：用于生成AI图片，改善产品原型美观度。
  • 案例：为热气球网站生成6个销售套餐的配图，图片与套餐内容贴合。
  • 配置：需在配置文件中填入Replicate API Token。
  • Vercel MCP：免费部署平台，Next.js框架的绝配。
  • 功能：一键部署项目、查找团队项目信息。
  • 限制：预览域名仅在国外网络环境可见。
  • 其他部署平台：
  • Edge One Pages：国内类似的免费部署平台，提供MCP工具。
  • Cloudflare：提供多种MCP Server，涵盖文档查找、Worker部署、日志监控、全球流量查询等，几乎所有API功能均被整合。

🔗 开发流程与安全

  • GitHub MCP：由GitHub官方推出，连接AI与GitHub平台。
  • 功能：读取资源库、管理Issue、创建Pull Request（PR）、分析代码。
  • 案例：AI读取Issue中的Bug描述，本地修改代码，并自动创建PR推送修改。
  • 配置：需填入GitHub API Token，支持HTTP传输。
  • Stripe MCP：对接收款服务平台。
  • 功能：从Stripe获取商品信息，生成支付页面，完成测试环境支付流程。
  • Shadcn MCP：前端组件库集成。
  • 功能：AI自动查找组件代码并复制到项目中，如生成Button组件。
  • Semgrep MCP：安全静态分析工具。
  • 功能：内置5000多条安全规则，对项目进行整体安全漏洞扫描。
  • 结果：演示项目中未发现安全问题。

🛠️ 自定义MCP开发

  • 官方SDK：GitHub MCP官方仓库提供多种SDK，支持使用Python等语言创建属于自己的MCP Server。
  • 建议：别人的工具再好不如自己的好用，鼓励开发者根据具体需求定制MCP。

博主头像 👤 同一博主

查看该博主全部 51 篇

🧭 类似博主

0 条评论

发表评论

请先 登录 后参与讨论。