mcp

通过远程调试端口控制Chrome，实现Puppeteer集成的MCP服务器

安装使用

复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：

帮我安装这个 AI Skill：mcp。
它的用途是：通过远程调试端口控制Chrome，实现Puppeteer集成的MCP服务器
详细介绍见：https://321skill.com/skills/mcp-mcp-puppeteer/
请根据该页面的说明完成安装。

'帮我抓取知乎热榜前10个问题的标题和链接。'，它会通过此Skill连接到已启动的Chrome，导航到知乎热榜页面，执行JavaScript提取所需数据并返回给你。或者你说：'给这个产品官网首页截个全屏图。'，AI会控制浏览器打开指定URL并完成截图。

这个Skill解决了在AI Agent环境中直接控制浏览器进行自动化操作的需求。它作为一个MCP服务器，通过连接Chrome的远程调试端口，将Puppeteer的强大网页控制能力（如导航、截图、执行脚本、抓取内容）集成到AI工作流中。

使用时，你需要先启动一个带有远程调试端口的Chrome实例，然后启动这个MCP服务器并连接到该端口。之后，你的AI助手（如Claude）就可以通过MCP协议调用Puppeteer的各种功能，实现浏览器自动化。

它非常适合需要将网页交互、数据抓取或UI测试自动化集成到智能体工作流中的开发者或测试人员。无论是前端开发验证页面、数据分析师抓取公开数据，还是内容创作者批量处理网页内容，都可以通过AI指令间接操控浏览器。

请注意，使用前需确保Chrome以远程调试模式运行，并注意网络和端口安全。由于依赖外部Chrome实例，部署环境需要预先配置好浏览器。

核心区别在于它通过MCP协议将Puppeteer能力标准化地暴露给AI，而非直接编写脚本；同时它通过远程调试端口连接现有Chrome实例，无需在AI环境中启动新浏览器进程，资源占用更可控。

不适合需要高频、低延迟直接操作DOM或处理大量动态SPA复杂交互的场景，且依赖外部Chrome实例的可用性。

如何启动带远程调试端口的Chrome？

在终端执行命令：`chrome --remote-debugging-port=9222`（具体命令因系统而异）。

这个Skill能用来做什么？

可用于抓取网页内容、截取网页截图、执行网页端自动化测试、批量处理网页数据等。