puppeteer

基于Puppeteer的MCP服务,实现网页自动化与JS执行。

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:puppeteer。
它的用途是:基于Puppeteer的MCP服务,实现网页自动化与JS执行。
完整的 Skill 内容见:https://321skill.com/skills/puppeteer/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

“帮我抓取知乎热榜的前10个标题和链接。”,它会通过puppeteer skill控制浏览器打开知乎热榜页面,等待内容加载完毕,然后执行JavaScript代码提取所需信息并整理返回给你。或者,你可以说:“请登录我的测试账号,对这个订单页面进行截图。”,AI会模拟登录流程并捕获指定区域的截图。

介绍

puppeteer skill 解决了在AI对话中难以直接操作网页、抓取动态内容或执行前端脚本的问题。它通过集成Puppeteer,将浏览器自动化能力转化为AI可调用的工具。

使用时,AI Agent可以通过该skill向Puppeteer服务器发送指令,例如导航到指定URL、模拟点击、填写表单、执行页面上的JavaScript代码,并将结果(如截图、文本、数据)返回给AI进行后续处理。

这个skill特别适合需要与网页进行交互、获取实时数据或验证前端功能的开发者和自动化脚本编写者。无论是前端测试、数据抓取还是工作流自动化,它都能提供强大的底层支持。

建议在受控环境中使用,并注意目标网站的Robots协议和服务条款。由于涉及浏览器实例,需确保服务器有足够资源,并妥善管理会话以避免内存泄漏。

核心特点

与仅提供静态HTTP请求的skill不同,它通过Puppeteer驱动真实浏览器,能完美处理JavaScript渲染的动态页面,并支持复杂的用户交互模拟(如点击、滚动、输入)。

注意事项

不适合对响应速度要求极高的实时交互场景,且需要运行浏览器环境,资源消耗相对较大。

常见问题

这个skill能用来做什么?

可用于自动化网页操作,如抓取动态内容、执行前端测试、自动填写表单或生成网页截图。

需要自己部署Puppeteer环境吗?

是的,你需要运行一个Puppeteer服务器,该skill作为MCP客户端与之通信。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/puppeteer/raw/index.md 读取 puppeteer 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。