Matt Pocock 预告 /animatic Skill:把重要 PR 做成带旁白的分镜短片
Matt Pocock 做了个让 Agent 自动生成 PR 分镜讲解视频的 Skill,90 秒就能把一条 diff 变成带旁白的短片。相比纯录屏,静态帧加逐句旁白更快也更省 token。常被 AI 提交大 PR 淹没的维护者值得试试。
Matt Pocock 预告了两个 Skills:/setup-animatic 负责选择工具并在本机或远程机器完成配置,/animatic 负责生成可直接上传的视频。他解决的问题是自己审 PR 的速度跟不上 Agent 写 PR 的速度,大段 diff 读起来很慢,因此不采用全程录屏,而是做成 animatic 分镜短片,每帧是一张静态画面配一句旁白,由 Agent 做好后贴回 PR。流程用一条构建命令串起来:先写 JSON 格式的分镜脚本,每拍对应一句台词和一帧画面;用 Playwright 渲染画面,代码直接取自 diff 并保留真实行号;用选定语音逐句朗读;最后用 ffmpeg 合成 MP4 并逐帧检查画面和音频,成品可贴到 GitHub、GitLab 或本地目录。
性能数据方面,一次优化把总耗时从 397 秒降到 96 秒,模型耗时从 244 秒降到 85 秒,对话轮次从 27 轮降到 12 轮,费用从 1.38 美元降到 0.49 美元,每轮脚本处理时间从约 50 秒降到约 6 秒。预览示例把他 Skills 仓库中一条发布到 npm 的 PR 做成分镜,约用 90 秒完成;他后来回答平均一支大约 4 分钟。/setup-animatic 每项工具只问一次:语音可选 ElevenLabs、OpenAI 或 edge-tts(先试读一句),渲染、样式和拼接也可用自带方案或自定义 CSS、剪辑软件,选好后写入 docs/agents/animatic.md。关于什么 PR 值得做片子,他的标准是合并后很难撤回的改动(one-way doors)。
Matt Pocock 预告 /animatic Skill:让 Agent 把重要 PR 做成带旁白的分镜演示短片 介绍了两个 Skills:/setup-animatic 负责选好工具,并在本机或远程机器上完成配置;/animatic 负责生成可以直接上传的视频。 用一张张静态帧加旁白讲清一条 PR Matt 要解决的问题:Agent 写 PR 的速度已经超过他审 PR 的速度,大段 diff 也读得很慢。他的办法不是全程录屏,而是做成 animatic,也就是分镜短片:每一帧是一张静态画面,配一句旁白,由 Agent 做好后贴到 PR 上。 整个流程由一条构建命令串起来: · 先写一份 JSON 格式的分镜脚本,每一拍对应一句台词和一帧画面。 · 用 Playwright 渲染画面,代码直接取自 diff,并保留真实行号。 · 用选定的语音逐句朗读。 · 最后用 ffmpeg 合成 MP4,并检查每一帧画面和音频。 视频生成后,按仓库里的配置贴回 PR,GitHub、GitLab 或本地目录都可以。 生成要多久,他给了几个说法 预览里的例子,是把他 Skills 仓库中“把 Skills 发布到 npm”的一条 PR 做成分镜。Agent 做完这一支大约用了 90 秒。 同一天稍早,他贴过一张优化前后的对照表:总耗时从 397 秒降到 96 秒,模型耗时从 244 秒降到 85 秒,对话轮次从 27 轮降到 12 轮,费用从 1.38 美元降到 0.49 美元。每轮的脚本处理时间也从约 50 秒降到约 6 秒,而且改成了逐帧检查。后来有人问平均要多久,他回答大约 4 分钟,并说即使再加入 Playwright 截的图或录的视频也不会太久。 工具只问一次,选择存进文档 /setup-animatic 会逐项询问用什么工具,每一项只问一次: · 语音可以选 ElevenLabs、OpenAI 或 edge-tts,会先试读一句,让人听过再选。 · 渲染用自带的工具包,或者自己的工具。 · 样式用默认的一套,或者自己写的 CSS。 · 拼接用 ffmpeg,或者自己的剪辑软件。 选好后会写进 docs/agents/animatic.md。他预览里用的是 edge-tts 的 Andrew 声音。Matt 说声音可以换,这类短片多半会开两倍速看;而时延和 token 开销是大问题,所以要尽量保持简单。 有人问什么算重要 PR,他只回了一句 “One-way doors”,意思是合并后很难撤回的改动。 Matt Pocock @mattpocockuk Tired of walls of markdown? Try an /animatic. I'm working on two skills: - /setup-animatic, that chooses the tooling and sets it up on your machine (or a remote machine) - /animatic, that creates a video ready for upload I've been using them for a while. Here's a preview:
本条情报归属 AITOP「产品」核心追踪栏目。在跨区域产业观察坐标中,该动态直接关联「AI 开发者工具链、Coding Agent 与工程化实践」研究主线,反映出当前技术演进与商业落地的最新风向。涉及核心实体与技术议题包括:animatic、Matt Pocock、Claude Skills、Playwright,读者可通过下方标签进入对应专题页查阅历史脉络与关联对比。
信源核验说明:本文原始线索采编自「shao__meng」(@shao__meng),经 AITOP 多维评分管线结构化提炼。截至目前,全网已有 11 家独立信源对该事件进行交叉印证与跟进报道(含 小互、TestingCatalog、ElevenLabs 等),属于近期高关注度行业信号。