让你的AI代理用shot-scraper video录制工作演示视频
本文介绍了shot-scraper 1.10的新命令shot-scraper video,它通过YAML故事板定义测试流程,利用Playwright录制视频。作者强调编码代理自动生成演示的重要性,并展示了如何用该命令为Datasette新功能生成演示视频。该功能完全由GPT-5.5 xhigh编写,Playwright 1.61.0的解锁使其得以实现。
Simon Willison发布了shot-scraper 1.10版本,其中包含一个新命令shot-scraper video。该命令允许用户通过一个YAML故事板文件定义一系列操作,然后利用Playwright在浏览器中自动执行并录制视频。Willison一直强调让编码代理生成工作演示的重要性,而这一新工具正是为了实现这一目标而设计的。
为了展示shot-scraper video的能力,Willison提供了一个示例:为Datasette的一项新功能(从粘贴的CSV、TSV或JSON数据创建新表)录制演示视频。他通过一个命令运行故事板,并使用Playwright录制了整个过程的视频。视频展示了从打开编辑对话框、粘贴模板、填充数据到插入行、创建新表的完整流程。
有趣的是,这个演示故事板本身是由GPT-5.5 xhigh在Codex Desktop中完全自动生成的。Willison只提供了一个简单的提示:让代理审查分支变化、运行帮助命令,然后使用新的视频命令录制演示。这种模式展示了如何将工具与编码代理结合,使得代理能够自主完成复杂任务。
Willison详细解释了构建shot-scraper video的过程。这个功能最早在2024年2月提出,但一直因为技术难题而搁置。Playwright的视频录制功能最初并不适合产品演示,后来虽然有所改进,但仍存在开始部分出现白色帧的问题。Playwright 1.59引入了新的屏幕录制机制,但视频宽度固定为800像素。直到Playwright 1.61.0修复了宽度限制,Willison才得以完成这一功能。
整个代码(包括文档)都是由GPT-5.5 xhigh编写的。Willison通过审查文档来迭代设计,修正了冗余、不一致或令人困惑的部分。YAML格式本身也主要由编码代理定义,并使用Pydantic进行验证。Willison表示,如果没有编码代理的支持,他几乎不可能有时间实现这一功能。
shot-scraper video的发布为编码代理提供了一种自动生成工作演示的强大方式。随着AI辅助开发工具的进步,类似的功能将变得越来越常见。