Animated Stats Video
會表演的數字——數字滾動、一條增長的進度條和一個落地的最終數字。
適用於: Claude Code, Codex, Cursor, Muse · 版本 1.0 · 需要: Node.js 18+ 和 npm;用 Remotion 本地渲染(首次運行會下載無頭 Chrome)。
預覽
你將獲得
- 完整的 Remotion 專案(構圖 + 渲染腳本)
- 由一個緩動助手驅動的三個動畫節拍
- 滾動數字、進度條和收尾數字
- 1080x1080 MP4 輸出,適合社群和落地頁
關於此 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() 助手在兩幀之間動畫;移動範圍即可重新計時。