TIL：将 Playwright MCP 与 Claude Code 结合使用

受到 Armin 的启发（“我个人只使用一个 MCP – 我只使用 Playwright”），我决定弄清楚如何将官方Playwright MCP 服务器与Claude Code一起使用。

事实证明这很简单：

 claude mcp add playwright npx '@playwright/mcp@latest' claude

claude mcp add命令默认仅影响当前目录 – 它会保留在~/.claude.json文件中。

现在，Claude 可以使用 Playwright 来自动化 Chrome 浏览器了！告诉它“使用 playwright mcp 打开浏览器访问 example.com”，然后观察它的运行情况——它可以浏览页面、提交表单、执行自定义 JavaScript 并截取屏幕截图，然后反馈给 LLM。

浏览器窗口保持可见，这意味着您也可以与其进行交互，包括登录网站，以便 Claude 可以代表您行事。