真实产出
在我们的机器上用本 Skill 渲染，未经修饰。customers remember简报: examples/customers-remember.json
如何使用
- 1
复制安装提示
登录后点击右侧黑色按钮，一键复制。
- 2
粘贴给你的 agent
在 Claude Code、Codex、Cursor 等工具里粘贴发送，它会自己装好。
- 3
用一句话调用
像下面这样说出你要做的东西，agent 会按这个 Skill 的流程来做。
你：
/kinetic-quote-card 帮我做：创始人语录、客户证言、书摘示例对话，仅演示调用方式，不代表实际产出。
你会得到
- 720x1280 MP4，适配 Reels、Shorts、抖音、视频号
- 任意长度金句自动分配节奏
- 三个颜色变量切换明暗主题
适合
- 创始人语录、客户证言、书摘
- 把爆款文案转成短视频
- 每周固定的金句系列
不适合
- 超过约 20 词的长段落
- 需要配图或实拍素材的内容
你需要
- 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。
安装包内容
- kinetic-quote-card/LICENSE
- kinetic-quote-card/NOTICE
- kinetic-quote-card/SKILL.md
- kinetic-quote-card/examples/customers-remember.json
- kinetic-quote-card/examples/ship-today.json
- kinetic-quote-card/template/hyperframes.json
- kinetic-quote-card/template/index.html
- kinetic-quote-card/template/package.json
SKILL.md
Render a vertical (9:16) kinetic-typography quote video: words pop in one by one, a key word gets an animated underline, then the attribution slides in — built with HyperFrames (HTML → MP4). Use for quote reels, testimonial clips, founder quotes, Shorts/Reels/TikTok/视频号 text videos, 金句视频.
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 原创
10s视频
数据滚动战报
三个数字像里程表一样滚动上升并配进度条：里程碑、影响力报告、年度回顾，10 秒讲完。
Skilloop · v1.0.0 · Proprietary (Skilloop Pro)
ProSkilloop 原创
10s视频
前后对比擦除视频
凌乱的"之前"画面被擦除，露出清爽的"之后"仪表盘，再接结果结尾卡：10 秒展示改变。
Skilloop · v1.0.0 · Proprietary (Skilloop Pro)