关注 · AI一手 · 每天分享最前沿的AI技术与应用✍️ 作者: AI一手上篇说过BrowserSkill 能进一些登录态网站。那些 CodexChrome 不好过的站它反而过得去。今天这篇讲个更好玩的操作录制。你先在浏览器里自己点一遍让它把路径记下来。下次换个参数它照着再干。不用每次从“第一步点哪里”重新写一大段提示词。不光 BrowserSkill 能这么干。ChatGPT 桌面端Codex 已经并进去了的插件里还有两个名字也带“录制”Codex Browser RecorderRecord Replay名字差不多干的事差很远。这篇就拿这三家比一比。BrowserSkill 这边我拿自己平时的Jenkins 测试环境部署跑一遍另外两个后文再讲怎么用。还没装 BrowserSkill 的先看上篇。WorkBuddyBrowserSkill比 CodexChrome 更顺畅的浏览器操控方案 装好了bsk和浏览器扩展、Chrome 也登录了再往下看。01三家说的“录制”别混着理解一听录制很多人以为就是“录个视频再放一遍”。其实这三家交出来的东西完全不一样。BrowserSkill 操作录制Codex Browser RecorderRecord Replay最后得到啥一份trace.json像给 Agent 看的操作笔记一段本地私有 MP4有鼠标、有点击反馈一个可复用的Skill给后续自动化接着用录的是哪你平时用的 Chrome / Edge桌面端自带浏览器不是外面的 Chrome你这台Mac上正在做的事入口在哪浏览器扩展 bskCLIAgent 都能接都在ChatGPT 桌面端插件里都在ChatGPT 桌面端插件里系统要求Windows / MacWindows / Mac都有Mac 独有更适合啥浏览器里老重复那几步换个标题/换个包再跑把自带浏览器里的短流程录成视频留着看桌面上点来点去的流程想收成 Skill我自己选的时候就看这三句活在浏览器里还想换 Agent、碰登录态后台 → 先看 BrowserSkill人就在桌面端自带浏览器里演示想留一份带鼠标的本地视频 → Browser Recorder整台 Mac上的工作流想收成可复用 Skill → Record Replay先把 BrowserSkill 这条走熟后两家放到后面说。02先会用操作录制从哪打开先把入口摸清楚扩展怎么点、面板长什么样、指令怎么复制。真正拿业务跑下一节用 Jenkins。这功能不在聊天框里搜在浏览器扩展里。先点右上角的 BrowserSkill 图标。弹出来后右上角那个九宫格就是快捷功能入口点进去会看到操作录制——说明写得很直白录制你的操作供 Agent 参考。再点进去就是录制面板上面一般有两个可填项操作主题随便起个好认的名字起始网址尽量填具体页面完整链接别只填网站总首页填完下面会自动蹦出一段官方录制指令。点右下角复制录制指令粘到 WorkBuddy 或 Cursor 里发出去就行。不用自己研究命令插件已经写好了。整条官方流程就这五步记个轮廓就行下一节用 Jenkins 照着走官方录制指令长这样browser id 以你插件里显示的为准用 BrowserSkill 的 bsk CLI 录制我接下来的浏览器操作。步骤1. 执行bsk record start --browser 你的浏览器ID2. 你确认已开始后我会在打开的窗口里自己操作。3. 我点“结束”后读取返回的 trace.json 并总结操作pages steps不要重跑或“验证”。Agent 回你“已经开始录制”之后轮到你自己点。平时怎么操作这次就怎么操作不用放慢也不用一边点一边解说。点完去点窗口上的结束。录制窗口会关掉Agent 去读trace.json告诉你刚才进了哪些页、点了哪些步骤。官方指令最后一句很重要只要总结不要马上重跑验证。先把笔记留下下一步再换参数让它干活。还有几件别搞混它记的是浏览器里的点击路径写本地文件、点桌面软件别指望这份 trace它更像给 Agent 的操作笔记不是死板的按键精灵下次换标题、换包名它会参考路径再结合当前页面调整入口摸清了下面用真实业务走一遍。03案例用 Jenkins 测试环境把录制跑通入口会了下面用我平时发测的两步录一遍再换参重跑。我平时发测就两步对应 Jenkins 里两行任务右边各有一个绿色三角先打java-jar再进测试环境java换包。这两步的入口地址就是http://192.168.2.92:8080/job/java-jar/build?delay0sechttp://192.168.2.92:8080/job/测试环境java换包/build?delay0sec先说清楚风险测试和生产经常排在同一张列表里右边绿色三角长得一模一样。我自己录和跑的时候守这几条只走上面这两条测试地址别回到任务总列表里乱点绿色三角页面上冒出“生产环境”→马上停手刚开始不熟点构建前让 Agent 念一遍地址和参数我对了再回“确认”跑准了再把确认拿掉绿色三角 / Build只点一次录的时候怎么填官方录制指令里的--url只填一个起始地址——我填第一步的 java-jar。第二步不用写进这条命令里开录之后我自己在浏览器里点到 测试环境java换包 那一行或打开第二条链接继续操作最后点结束。一次录制覆盖两步。面板里我是这么填的操作主题jenkins发包测试起始网址http://192.168.2.92:8080/job/java-jar/build?delay0sec复制出来的官方指令大概是这样browser id 以你扩展里显示的为准用 BrowserSkill 的 bsk CLI 录制我接下来的浏览器操作。步骤1. 执行bsk record start --browser a820cc4f --url http://192.168.2.92:8080/job/java-jar/build?delay0sec --purpose jenkins发包测试2. 你确认已开始后我会在打开的窗口里自己操作。3. 我点“结束”后读取返回的 trace.json 并总结操作pages steps不要重跑或“验证”。发给 Agent。WorkBuddy 回“录制已启动”之后浏览器里会出现正在录制的条然后我自己点两步第一步 java-jar打开起始地址在branch里选好这次分支比如origin/feature_2.3.3再点 Build。包还没打完就去换包第二步拿到的不是这次要发的代码。所以我盯着 Builds最新一条打了绿色对勾再继续第二步第二步 测试环境java换包打开第二条地址填好project在jarname里选好包再点 Build。两步都跑完点录制条上的结束。Agent 去读trace.json只总结 pages steps不马上重跑录制完成后生成了step步骤然后根据workbuddy给出的建议修正了下trace因为我有些动作是多点了。录完之后换个参数再跑路径已经记下了下次不用从头教“先点哪、再点哪”。每次发测还是两步都跑先等 java-jar 成功再换包。参数写到能唯一对上就行。列表里只有一个2.3.3写2.3.3通常就够容易撞名再写全比如origin/feature_2.3.3。实测时我还踩过两个点提示词里最好写上一是刷新。下一步要看上一步成没成Builds 状态不会自己变——隔几秒刷一下页面看到绿色对勾再继续。不写这句Agent 容易干等页面其实已经好了它看不见。二是确认。刚开始为了防点错我加过“点 Build 前先念给我听等我回确认再点”。WorkBuddy 会弹出确定闸门自动化就会一顿一顿的同样的演示跑多了、发现它选得准确认就可以拿掉。模型越强越少需要这道闸。换参时我用的短提示词大概是这样不带刷新带确认版本接着做吧。参考刚才的录制流程帮我把 Jenkins 测试环境发包两步都跑完。第一步 java-jarbranch 选 2.3.3点 Build。看 Builds 最新一条出现绿色对勾后再做第二步。第二步 测试环境java换包project填写本次项目jarname填写本次包名点 Build。只走测试环境碰到“生产环境”立刻停。每一步点构建前先念给我听等我回“确认”再点。两步都跑通后列表里能看到最近成功现在这套东西读页面、查状态更稳一点 Build、一改参数这种“写操作”还是看模型本事——模型强顺一点模型弱就多卡、多要你点确认。速度也还跟人手有差距有时显得死板。但别因为现在还不流畅就停。登月那一步放在整个人类探索宇宙的路上也不过是一小截可对站在地上的人来说那就是一大步。浏览器自动化也一样——今天还磕磕绊绊值得继续试。生产环境继续自己手点。04另外两家Codex Browser RecorderCodex Browser Recorder口号是 Record Codex Browser flows。装在ChatGPT 桌面端插件里和 Record Replay 同一套市场。它大致是这样用的Windows / Mac都能装官方示例提示词里常出现 Mac别误以为只有 Mac录的是桌面端自带浏览器里一小段测试流程——不是外面开的 Chrome / Edge最后得到一份私有本地 MP4画面里看得到光标和点击反馈不录音也不上传视频长这样暗色、新标签页、输入 URL那种就是它官方示例提示词可以直接用这几条原文如此照着发就行$codex-browser-recorder:record-browserCheck recording setup on this Mac.$codex-browser-recorder:record-browserRecord https://example.com for 5 seconds.$codex-browser-recorder:record-browserRecord clicking the link on https://example.com.啥时候用你人就在这个自带浏览器里点想留一段“当时怎么点的”视频给自己或同事看——挺合适。啥时候别指望它顶替 BrowserSkill公众号后台这类CodexChrome 本身就容易被策略拦住的站。它录的是自带浏览器那一套墙还在进不去还是进不去。05另外两家Record Replay再看Record Replay。同样挂在 ChatGPT 桌面端插件里。口号很直白Record what I’m doing on my Mac and turn it into a Skill。这一家才是Mac 独有。它干的是另一件事录的是你在Mac上正在做的事鼠标、键盘还有界面上的内容不是给浏览器 Agent 一份trace.json而是收成可复用的 Skill方便以后自动化官方示例可以这么发Record my workflow and turn it into a reusable skillWatch me do this task and create a skill from itRecord what Im doing and make a skill called File Expense适合啥桌面上跨好几个窗口、不单是浏览器的重复劳动。Jenkins 这种纯网页后台我还是优先 BrowserSkill。06怎么选别踩坑你想干啥更优先看谁浏览器后台重复点还要换参数BrowserSkill 操作录制桌面端自带浏览器要本地 MP4Codex Browser RecorderMac 整机流程要沉淀成可复用 SkillRecord ReplayBrowserSkill 这边我踩过或见过的坑在任务总列表里录绿色三角 → 一行滑歪就可能点到生产提示词只写“帮我部署一下” → 模型自己乱找按钮以为 trace 也能管写本地文件 → 管不了回放失败就连点重试 → 容易重复构建失败就停改提示词再来多步骤要看上一步结果提示词不写刷新 → Agent 干等页面状态写操作步步确认 → 更稳但自动化会一顿一顿准了再把确认拿掉银行、密码箱、一堆隐私的页面尽量别录。哪家录制都一样。上篇解决“进得去”这篇解决“不用每次从头教”。三家都叫录制交出来的东西却完全不一样——先选对用哪家比纠结谁更神重要。以上如果觉得不错随手点个赞、在看、转发三连吧如果想第一时间收到推送也可以给我个星标 ⭐谢谢你看我的文章你的关注是我持续更新的动力