浏览器录制自动化
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_b4ec0977/ui-record-auto。
技能介绍
浏览器自动化的三道坎
- 环境门槛:Node、Playwright和浏览器组件要手动安装,外网官方源在国内访问慢甚至失败。
- 登录门槛:自动化脚本常遇到需要登录的网站,传统方式要么硬编码Cookie(易过期),要么每次运行手动扫码。
- 维护门槛:录制后的脚本一旦失败,新手容易整篇重写,改坏后没有回滚点,越修越乱。
核心工作方式
这个技能用录制-自检-复用的闭环解决上述问题:
- 环境自动准备:每次任务先检查
tools/node目录下的便携Node和node_modules/playwright是否就位,缺失时自动通过国内镜像(npmmirror.com)拉取Node、npm和Chromium,无需用户手动操作。 - 单次登录长期复用:录制窗口中登录一次,登录态保存在
profiles/目录下,下次重放相同流程时,技能会先读取.meta.json和登录档案,有有效登录态就直接执行run,不会先刷登录。 - 脚本防改坏机制:录制完成后必须自检,只有自检通过(PASS)才会告知用户可以复用;如果失败(FAIL),会优先小修报错行,而不是整篇重写;如果修改后效果更差,立即还原备份的
.bak文件。
关键步骤
- 环境检查:每次任务开头,先确认Windows下的
tools/node/node.exe或macOS下的tools/node/bin/node以及node_modules/playwright是否存在,缺失则先准备环境。 - 录制与自检:打开录制窗口,用户完成登录等操作后,技能自动生成脚本,然后运行自检,结果分为PASS或FAIL。
- 重放决策:重放时先看
recordings/.meta.json、profiles/和auth/.json,有档案且曾登录则直接重放,遇到扫码或验证码时用--refresh-auth更新登录态,不需要重录整段流程。
注意点与边界
- 隐私安全:
profiles/和auth/目录包含Cookie等敏感信息,只能保存在本机,不能打包上传或分享。 - 环境依赖:这个版本是轻量上传版,没有预置
node_modules和浏览器,首次使用需要准备环境,但只需一次。 - 禁止行为:不要让用户手动安装Node或浏览器,必须走技能的国内镜像准备流程;不要因为登录问题乱改脚本,优先用
--refresh-auth解决。
使用场景
- 每月要登录内部采购审批系统,手动填写并提交多条设备采购申请,想把这套操作录制下来,下次一句话自动重放。
- 已录制一套需要登录的报销系统流程,但登录凭证过期后,想只刷新登录态继续重放,不想重新录制整段操作。
- 团队内网机器访问 npm 官方源很慢或失败,需要一套能自动走国内镜像准备 Node 与 Playwright 环境的方案。
- 重放录制的网页脚本时某个步骤报错,想只小修报错行而不是整篇重写,并希望改坏后能立刻还原备份版本。
适合人员
- 每周要在多个内部系统手动填报数据的业务运营,诉求是把重复流程录一次,之后用一句话重跑,不再逐页点击。
- 为团队写浏览器自动化脚本、常被 Node 安装和登录态管理拖住进度的开发者,诉求是环境自动走国内镜像,登录一次长期复用。
- 每天要从需要登录的报表平台导出数据做汇总的分析师,诉求是录制一次后重复执行,凭证过期只刷新登录不重录整段。
- 维护录制脚本、怕改动导致整段流程崩坏的自动化工程师,诉求是改脚本前先自动备份,改坏能立刻还原 .bak 文件。