Milestone Reveal 是一个在代码中构建的 12 秒循环里程碑短视频方案,主要运行于 Claude Code 环境。其核心思路是用约 3,200 个细小粒子点模拟夜空,每个点代表一个关注者、订阅者或客户;这些点从飘散状态逐渐汇聚成用户提供的真实数字并保持,随后再散开回到起始位置,使 12 秒循环无缝衔接。
使用方式:用户需先提供四项信息——精确数字(含逗号,不得四舍五入或添加“+”)、数字来源(截图或仪表盘链接,无来源则不制作)、标签文字(逐字)、品牌与尺寸(背景色、粒子色、强调色、字体文件、尺寸,默认 1080x1350、12 秒)。若未提供品牌规范,需先运行 brand-intake 或询问十六进制色码、字体和 logo。之后将提供的构建说明粘贴到 Claude Code 中,生成一个自包含的 HTML canvas 文件。构建规则包括:固定随机种子、提供 window.seek(seconds) 用于任意帧绘制、减少动态效果时显示保持帧。时间轴为:0-2 秒粒子飘动;2-6.5 秒粒子长而错落地聚集成数字;6.5-7.5 秒强调线从左到右绘制;7.5-8.5 秒标签淡入并上移约 12px;8.5-10.5 秒保持,数字微光闪烁;10.5-12 秒标签和线淡出,粒子回到精确起点,第 12 帧与第 0 帧完全一致。构建后需在 0、2、4.5、6.5、7.5、9.5、11 和 12 秒捕获帧,检查数字准确、无裁切或重叠、首尾帧相同。
主要能力与限制:该工具强调使用真实、有来源的数字,不夸大不添加“+”;粒子约 2,700 个用于数字以确保清晰度;通过 willReadFrequently 和种子固定保证帧一致性。导出可使用 HyperFrames(免费开源):先运行 npx skills add heygen-com/hyperframes,再运行 npx hyperframes render;生成 MP4 后如需 Reel 格式可交给 reel-export。适用于 LinkedIn 信息流等社交媒体发布里程碑内容,需在说明中注明数字来源。其他平台、收费模式或效果暂未提供。