Simon Willison用Claude Opus 5.5生成鸮鹦鹉像素动画,再用Claude Code录成 15 秒视频
他在WeAreDevelopers世界大会北美站闭幕演讲中,把三张鸮鹦鹉照片交给Claude Opus 5.5,生成HTML5 Canvas像素动画,又让本地Claude Code会话用Playwright自动点击并录屏,用于Keynote收尾幻灯片。
AI解读:这不是模型发布或产品更新,而是一次公开的实操演示:Simon Willison在WeAreDevelopers世界大会北美站做闭幕演讲时,把 2026 年鸮鹦鹉创纪录繁殖季当作收尾彩蛋,用Claude Opus 5.5把三张搜来的鸮鹦鹉照片变成HTML5 Canvas像素动画,至少画了 20 只jumping的鸮鹦鹉,还带彩纸效果。
真正值得留意的是后半段工作流。动画是网页,不能直接进Keynote,他没有手动录屏,而是让本地Claude Code会话打开这个本地HTML文件、按指定时间点在不同位置点击触发彩纸,并用Playwright录下 15 秒视频,前 3 秒不点击,点击分布在中心、四角和边缘。
对做演示或临时素材的人来说,这个案例的价值在于把“生成”和“取用”接上了:模型产出的是一个可交互网页,而编码代理加Playwright能把它变成能嵌进幻灯片的视频文件。不过这是作者个人演示,没有评测数据说明Claude Opus 5.5的像素动画能力在别处是否同样稳定,所用脚本也只针对这一个本地文件。
Simon Willison在WeAreDevelopers世界大会北美站发表闭幕演讲,为收尾幻灯片做了一个鸮鹦鹉像素动画。他把从Google图片搜索找到的三张鸮鹦鹉照片交给Claude Opus 5.5,并给出提示词,要求生成HTML5 Canvas上的动画像素艺术:鸮鹦鹉上下跳跃、开派对、带彩纸等元素,数量至少 20 只。他随后发布了对话记录和生成的页面,并称效果“相当不错”。
由于动画是网页,他下载HTML后,让一个本地Claude Code会话把该文件录成视频,以便嵌入Keynote演示文件。
他的指令是:为file:///Users/simon/Downloads/kakapo-party.html制作视频,需要在浏览器中加载并点击几次以触发彩纸效果,视频时长 15 秒,前 3 秒不要开始点击,并确保若干次点击分布在可点击区域的不同位置。
Claude Code用Playwright完成录屏
Claude Code使用Playwright完成录制并产出了视频,Willison称这正是他收尾幻灯片所需的内容。他同时公布了完整的Playwright脚本,并评价脚本短得令人满意。
- 脚本声明依赖playwright,设定视口和录制尺寸为 1280×720。
- 点击时间点与坐标:3.0 秒点击中心(640,360),4.2 秒左上(160,120),5.4 秒右上(1120,120),6.6 秒左下(180,600),7.8 秒右下(1100,600),9.0 秒顶部居中(640,100),10.0 秒中左(380,380),11.0 秒中右(900,380),12.2 秒底部居中(640,620),13.2 秒中心收尾(640,300)。
- 脚本以chromium启动浏览器,创建带record_video_dir="vids" 的上下文,打开本地文件后按时间表调用page.mouse.click,最后等待到 16 秒再关闭上下文和浏览器。