Skilloop

真实产出

在我们的机器上用本 Skill 渲染，未经修饰。
fernway impact简报: examples/fernway-impact.json

如何使用

  1. 1

    复制安装提示

    登录后点击右侧黑色按钮，一键复制。

  2. 2

    粘贴给你的 agent

    在 Claude Code、Codex、Cursor 等工具里粘贴发送，它会自己装好。

  3. 3

    用一句话调用

    像下面这样说出你要做的东西，agent 会按这个 Skill 的流程来做。

你：/stat-countup-reel 帮我做：里程碑与融资公告

示例对话，仅演示调用方式，不代表实际产出。

你会得到

  • 1280x720 MP4（10 秒），里程表式数字滚动
  • 自动处理单位与分隔符（"12,480"、"99.98%"、"4.9/5"）
  • 互换两个颜色即可切换明暗

适合

  • 里程碑与融资公告
  • 影响力 / ESG / 年度报告
  • 投资人或社区更新

不适合

  • 超过三个数字
  • 需要真实数据曲线的图表（请用图表类 Skill）

你需要

  • Node.js 22+ 与 FFmpeg
  • 无需 API Key，本地渲染
  • 笔记本上每次渲染约 1 分钟
许可证
Proprietary (Skilloop Pro)
作者
@Skilloop
版本
v1.0.0
产出
视频
生成方式
HyperFrames (Apache-2.0) · GSAP · headless Chrome + FFmpeg
支持:Claude CodeCodexCursor

由 Skilloop 制作与维护（Pro）。下方每个样例都由这个 Skill 原样产出。源码包为专有授权，非 MIT。

安装包内容

  • stat-countup-reel/LICENSE
  • stat-countup-reel/NOTICE
  • stat-countup-reel/SKILL.md
  • stat-countup-reel/examples/fernway-impact.json
  • stat-countup-reel/examples/orbit-year-one.json
  • stat-countup-reel/template/hyperframes.json
  • stat-countup-reel/template/index.html
  • stat-countup-reel/template/package.json

SKILL.md

Render a 10-second stats reel video where three numbers roll up like an odometer with progress bars — milestones, impact reports, metrics — using HyperFrames (HTML → MP4). Use for milestone announcements, year-in-review, investor update clips, impact numbers, 数据战报视频, 里程碑视频.

Pro 解锁

Skilloop 原创可用 Pro 全包，也可单买某一个。简介与样例可预览；安装提示、ZIP 与 install.md 需要 Pro，或已购买该 Skill。

相关技能

新品倒计时预告片
ProSkilloop 原创
9s
视频

新品倒计时预告片

9 秒发布预告：3-2-1 倒计时、闪白、产品名逐字揭晓、发布日期胶囊，用你的品牌色本地渲染。

Skilloop · v1.0.0 · Proprietary (Skilloop Pro)
版本更新短片
ProSkilloop 原创
12s
视频

版本更新短片

把更新日志变成 12 秒"新功能"短片：版本徽章、三张功能卡片、行动号召结尾。

Skilloop · v1.0.0 · Proprietary (Skilloop Pro)
动态金句卡
ProSkilloop 原创
8s
视频

动态金句卡

竖版 8 秒金句视频：逐词弹出、关键词下划线动画、署名滑入。

Skilloop · v1.0.0 · Proprietary (Skilloop Pro)
前后对比擦除视频
ProSkilloop 原创
10s
视频

前后对比擦除视频

凌乱的"之前"画面被擦除，露出清爽的"之后"仪表盘，再接结果结尾卡：10 秒展示改变。

Skilloop · v1.0.0 · Proprietary (Skilloop Pro)