前言¶
写自动化脚本时经常有这类需求:让程序自己打开页面、点按钮、填表单、截图、把页面内容取回来。常规做法是自己引入 Puppeteer,然后处理依赖安装、调试端口、浏览器启动这一堆琐事,脚本还没开始写,环境先折腾半天。
chrome_skill 把这件事包成一个 Agent Skill:底层仍然是 Puppeteer 的 CDP 模式,但首次使用会自动安装 npm 包、启动桥接进程,Chrome 没在跑就顺手拉起来。下面介绍它是什么、能做什么、怎么启用。
这是什么¶
chrome_skill 是一个社区发布的 Skill,坐标 @user_e71390e8/chromeskill,发布者 user_e71390e8,版本 1.0.1,来源 community,分类 dev-programming,标签 requires_api_key=false(不需要 API key)。
一句话定位:通过 Chrome AI Action(CAA)桥接,让 Agent 或脚本以程序化方式控制 Chrome,完成导航、点击、输入、截图、内容提取等操作。
它解决的是「浏览器自动化的接入成本」问题:不是替代 Puppeteer,而是在 Puppeteer 前面加了一层自动装配,省掉手动装依赖和配环境的步骤。
核心功能¶
以下能力来自 SkillHub 页面的简介原文,未做扩展。
1、页面导航:让 Chrome 打开指定地址。
2、点击与输入:模拟鼠标点击、文本输入。
3、截图:对当前页面截图。
4、内容提取:从页面中取回内容。
5、Puppeteer(CDP)模式:控制走 Chrome DevTools Protocol,不是模拟点击层面的 hack。
6、首次使用自动安装 npm 包并启动桥接进程。
7、Chrome 未运行时自动拉起。
安装与启用¶
SkillHub 页面只给出坐标和入口,没有提供包名、安装命令或配置字段,所以这里只列能核实的信息。
坐标(安装时按宿主 Skill 的引用方式使用):
@user_e71390e8/chromeskill
入口地址:
https://www.skillhub.cn/skills/user_e71390e8/chromeskill
https://api.skillhub.cn/user_e71390e8/chromeskill
需要留意的两点:
- 按简介,首次使用时会自动安装 npm 包并启动桥接,Chrome 未运行会自动拉起,因此启用后第一次调用会有额外的安装与启动耗时。
- 资料没有区分 Cursor、Codex CLI、Claude Code 在安装方式上的差异,这一节无法给出各自对应的命令,请以 Skill 包内的 SKILL.md 为准。
典型用法¶
资料没有提供可复现的完整调用示例,下面只按简介列出可执行的操作类别,具体参数与调用形式需查阅 Skill 包内的 SKILL.md。
1、导航到目标页面。
2、在页面上点击目标元素。
3、在输入框中填写文本。
4、对当前页面截图并保存。
5、提取页面内容返回给调用方。
适用场景与注意¶
适合的场景:
- 需要在 Agent 流程里完成浏览器操作,而不是每次手工介入。
- 希望跳过 Puppeteer 的环境配置,直接跑起来再说。
- 任务集中在导航、点击、输入、截图、取内容这几类。
需要注意的限制:
- 能力范围由桥接层决定,简介列出的就是导航、点击、输入、截图、提取这几项,页面未列出的浏览器操作不能假定可用。
- 首次使用依赖 npm 包安装和本机 Chrome,离线环境或没有 Chrome 的机器上不一定能跑通。
- 页面数据显示评分 100000、下载 621、安装 0。这三个数在不同来源之间不一致,且安装数为 0,社区样本很小,采用前建议打开官方页面确认最新状态。
小结¶
chrome_skill 的价值不在功能多,而在把 Puppeteer + Chrome 的装配流程自动化了:装包、起桥、拉浏览器都交给首次使用来完成,用户直接发指令就行。适合想要快速跑通浏览器自动化、又不想先折腾环境的开发者。
官方地址:https://api.skillhub.cn/user_e71390e8/chromeskill