web-demo：按步骤录网页产品，改版后一条命令重录，剪辑不用动

[WEBGRS]

按 #76 里你的建议，把录制做成了 skill，放在自己的仓库：https://github.com/WEBGRS/openfilm-web-demo

左边是用一次录制在 OpenFilm 里剪的短片；右边是网站改版之后（加了侧边栏和横幅，换了配色）跑了一次 record.mjs again，同一份 film.html 直接播新录像，剪辑没有手动改过。

用法

• 在 OpenFilm 的 Skills 里从链接添加 https://github.com/WEBGRS/openfilm-web-demo；终端里的智能体用 npx skills add WEBGRS/openfilm-web-demo。
• 只有一个脚本 scripts/record.mjs，没有依赖：通过 DevTools pipe 驱动本机的 Chrome 或 Edge，用 ffmpeg 编码，需要 Node 22 以上。
• 录制时页面跑在虚拟时钟上，一帧一帧推进，慢机器也录得顺，同样的步骤每次录出来的动作都一样。视频旁边写 <name>.record.json（录什么、实际发生了什么）和 <name>.cursor.html（指针单独一层，跟视频用同样的 at、#t= 和框）。要给片段变速的话，加 --pointer 把指针直接画进视频。
• again 按原步骤重录，film.html 里这条录像的片段（包括指针页）跟着所在的步骤或 mark 移动 #t=，在片中的时长不变；对不上的列出来，不去猜。film.html 的格式没动。
• inspect 列出页面上能点的东西和选择器，加 --steps 可以先执行几步（比如先打开一个弹窗）再列。

验证

• skill 文件夹按 openfilm/skills 的 check.mjs 规则检查通过（仓库地址换成了我的）。
• OpenFilm 0.2.0 的 look 检查带指针页的片子：两种乱序各画一遍，画面一致；动图里的两段都是 render 出来的。
• 24 个测试：13 个单元测试，11 个在真实浏览器里跑（画面像素、时钟每帧的推进量、同样步骤两次录制完全一致、改版后 again、步骤失效时旧录像不动等）。往代码里注入了几种错误，测试都能抓到。
• 让 Claude Code 只看简报和 --help，在一个新项目里给这个示例应用做演示片。第一轮它通过 npx openfilm skills 自己找到了这个 skill，也帮我抓出 4 个问题（没变化时误报、错误被 EPERM 盖住、进程退不出去、指针页没法跟着变速），都修了；第二轮 20 轮对话、3 分半做完，包括按简报要求跑了一次 again --dry-run。

顺带：Windows 上 render 默认开 5 个浏览器时，我这台 16 GB 的机器会因为 x264 内存不够失败，但报出来的是删临时文件夹时的 EPERM，真正的错误被盖住了；内存紧的时候 --workers 2 也会这样，--workers 1 正常。

[PazChen]

做得太好了，谢谢！改版后一条命令重录、剪辑不用动，这正是我们希望 skill 能做到的样子，测试和验证也做得很扎实。

你的邮件我收到了。我这几天正忙着发 0.2.1，发完之后就加你，我们再细聊。

另外，你提到的 Windows 上 render 内存不够时被 EPERM 盖住真正错误的问题，我们记下了，会单独修。

[PazChen]

你提到的 Windows 上 render 内存不够时被 EPERM 盖住的问题修好了：#101

• 删临时文件夹失败不再盖住真正的错误，报出来的是编码本身的错误，进程也能正常退出。
• 编码器内存不够时会直接说明，并建议用更小的 --workers。

会随下一个版本发布。再次感谢！