AI 编程第八课：MCP，给 AI 装上手
本文是「AI 编程基础课」第 8 篇（共 8 篇，完）。上一课：描述需求、设定角色 → · 课程目录 →
AI 缺一双"手"
到上一课为止，AI 已经能写代码了。但你发现没有：它做完页面，看效果的是你——它自己开不了浏览器；要查资料，复制粘贴的还是你。
MCP（全称 Model Context Protocol，不用记）解决的就是这个：它是 AI 和工具之间的标准插口。工具按这个标准做好插头（叫 MCP 服务器），AI 一插上就多了一样本事。AI 厂商定了这个标准，所以同一个工具，Claude Code、Codex 都能插。
装一个试试：给 AI 一个浏览器
最实用的一件"手"是浏览器（用的是 Playwright 这套自动化工具）。进你的项目文件夹，敲：
claude mcp add playwright -- npx @playwright/mcp@latest
然后查看装没装上：
claude mcp list
列表里有 playwright，就成了。启动 claude，试试这样下需求：
打开 ai-work 里的 index.html，自己看看手机尺寸下的效果，截图给我，顺便说说哪里布局不对。
它会自己开一个浏览器、自己打开页面、自己截图、自己检查布局、自己汇报。你从"人肉验收员"退下来了。
常用的几只"手"
| 想让它干什么 | 装什么 | 一句话用途 |
|---|---|---|
| 自己看网页效果 | Playwright（上面装的） | 做完自己验收，截图汇报 |
| 自己抓网页内容 | 网页抓取类 MCP | “把这个网页的文章抓下来总结” |
| 读写本地文件 | 文件类 MCP | 批量整理文档、改文件名 |
| 查数据库 | 数据库类 MCP | “看看今天新增了多少条记录”（进阶） |
去哪找？各工具的文档里都有"MCP"一节，官方仓库里列了一大排。装法几乎都是同一个套路：claude mcp add 名字 -- 启动命令。
Codex 里也有同样的插口，写在家目录 .codex/config.toml 里：
[mcp_servers.playwright]
command = "npx"
args = ["@playwright/mcp@latest"]
一条安全提醒
MCP 是把工具递到 AI 手上——递之前想清楚这工具能碰到什么。文件类的别指向存密钥的文件夹；要填密钥的工具，用小号的、能重置的。原则跟第 4 课一样：它要什么权限，你心里得有数。
八课连起来，你已经有一套环境了
回顾一下这八课：
- 会开终端、敲命令（第 1 课）
- 装好了 Claude Code（第 2 课）
- 也会装 Codex——二选一，装一个就够（第 3 课）
- Token 到手，国产直连起步（第 4 课）
- Claude Code 接上 GLM / Kimi，cc-switch 一键换（第 5 课）
- Codex 接上 DeepSeek——这条线可选（第 6 课）
- 会下需求、定角色、写项目约定（第 7 课）
- 给 AI 装上了手（本课）
这就是"AI 编程环境搭建 + 提示词工程训练"的全部地基——零代码基础，一个下午能走完。
训练营里，这些是第一周的课前热身。真正值钱的在后面：拿着这套环境，6 周从想法做到收到第一笔美刀——找方向、上线、收款、获客，每周一步，我带着做。