playwright

对于开发者来说最实用的 MCP，claude code 可以自动调用 playwright 开启浏览器，抓取 console、network，帮助我们 fix bug 或者开发代码。我平时遇到的原型图比较少，所以如果你有界面的设计图，还可以让 playwright 截图，自己去调整 UI。

以下是一些常见用法：

爬取文档

某些文档我们需要登录才能打开，直接让 AI 进行 websearch 抓不到页面，那么这时使用 playwright 就是很好的选择。还有一种更彻底的:

https://github.com/hangwin/mcp-chrome

这个项目可以直接 copy 当前浏览器的 cookie，直接“免登录”了。

Help dev

修复 bug，可以直接让 AI 使用 playwright 打开浏览器，抓取 console 和 network，让他自己分析问题，修改代码。

截图修复 UI，这个我没试过，但之前的 claude code 和吴恩达联合教程里面使用个这个特性。

自动化测试

没用过，不少 blog 说的是用他开启浏览器模拟点点点的测试操作。