vox-explainer 是一个在 Claude Code 中使用的技能，用于以纯代码方式制作 30–60 秒的 Vox 风格纪录片解说短视频。最终产物是一个自包含的 HTML 文件，逐帧由代码绘制，然后导出为 MP4，全程不使用视频生成器或现成素材。
用途：把一个“为什么”式的问题做成短纪录片式解说片，画面包含撕纸卡片、半调网点、纸张颗粒、粗体压缩字体和分段式（stepped）动画，适用于需要快速、风格化、事实可核查的短视频场景。
使用流程（按资料描述）：
- 准备信息：提出四个问题并等待回答——要解释的问题（一个陌生人能半懂的“为什么”问题）、支撑事实（名称、日期、数字及各自来源链接）、颜色（三个十六进制色值加一个强调色，默认示例为红 #B8312A、奶油 #F1E6D0、纸白 #FBF7EE、藏青 #14213D、黄色强调 #F2C230）、画幅尺寸（1920×1080、1080×1350 或 1080×1920）。在画面上每个事实有来源之前不要开始构建。
- 写脚本：8–14 个镜头，每个镜头一句话，第一镜是问题本身，最后一镜是五个词以内的结论；以编号列表展示脚本并等待确认。
- 选镜头类型：动态陈述句、纸张卡片、前后对比、标注圈选、计数器、网格等。
- 构建：在 Claude Code 中粘贴构建规范，要求生成单个 index.html，不加载外部字体、图片或库；规定配色、撕纸卡片、半调网点、纸张与胶片颗粒、边缘色差、柔和暗角、粗体压缩字体；动画按每两帧一停的方式分段推进，不使用平滑缓动、打字机效果、文字渐变、发光或弹跳；画面上的名称、日期、数字必须与事实清单完全一致；每个镜头按时间计算帧，并提供 window.seek(seconds) 绘制指定时刻。构建后从每个镜头中段截取一帧，检查文字截断、卡片重叠、名称拼写错误以及不在事实清单中的日期，修正后保留第一版。
- 导出前编辑检查：逐帧确认日期和名称与事实清单逐字一致、卡片不遮挡其他卡片文字、该分段的动画没有做成平滑、前 3 秒已呈现问题。
- 导出：最简单路径是使用 HeyGen 免费开源的 HyperFrames，命令为 npx skills add heygen-com/hyperframes，然后 npx hyperframes render；任何能按 window.seek 逐帧保存为 MP4 的工具也可用。安装前先确认工具是否存在，并先询问再安装。
限制：该技能不会编造事实、日期或引语；不会凭记忆重建真实品牌标志，只能使用用户提供的文件或用纯文字排品牌名；不会声称某个趋势由单一原因造成，只能说“一个原因”而非“原因”。资料还提到声音不是可选项（用代码写配乐），旁白要压在音效之上；标志要填满卡片并使用真实文件；网格保持对称；开场句要承诺后续内容；说话中的事实需先进入事实文件。品牌与动效规范（brand.md、MOTION.md）若存在需先读取，否则可先运行 brand-intake 或索取色值、字体和标志文件。其他未在资料中说明的功能、收费或平台细节暂未提供。