视频与音频 Free

Animated Stats Video

会表演的数字——数字滚动、一条增长的进度条和一个落地的最终数字。

适用于： Claude Code, Codex, Cursor, Muse · 版本 1.0 · 需要： Node.js 18+ 和 npm；用 Remotion 本地渲染（首次运行会下载无头 Chrome）。

预览

此 Skill 的真实产出，由随附项目渲染。所示数字为示意。

从代码渲染动画数据视频：一个主指标滚动上升，一条进度条伴着计数器增长，一个收尾数字带着它的含义落地。三个节拍，约六秒，完全确定性——为指标回顾、里程碑帖和利益相关者更新而建，在这些场合数字值得比截图更多。

scripts/render.sh ./stats.mp4

把安装提示词复制到你的 Agent： Read https://skillu.dev/install/agent.md, then install the Animated Stats Video skill (animated-stats-video).
或在上线后从本页下载 Skill 包，把它的文件夹放入你的 Agent 的 skills 目录。
用斜杠命令调用它，例如 /animated-stats-video，然后用大白话描述你想要什么。

我应该动画化哪些数字？

三个你能站得住的：一个主指标、一个进度度量、一个成果数字——每个都带说明其含义的文字。

我能改计时吗？

可以。每个节拍通过 ease() 助手在两帧之间动画；移动范围即可重新计时。