真实产出
在我们的机器上用本 Skill 渲染,未经修饰。orbit简报: examples/orbit.json
如何使用
- 1
复制安装提示
登录后点击右侧黑色按钮,一键复制。
- 2
粘贴给你的 agent
在 Claude Code、Codex、Cursor 等工具里粘贴发送,它会自己装好。
- 3
用一句话调用
像下面这样说出你要做的东西,agent 会按这个 Skill 的流程来做。
你:
/launch-teaser-countdown 帮我做:发布前造势、"即将上线"页面示例对话,仅演示调用方式,不代表实际产出。
你会得到
- 1280x720 MP4(9 秒 30fps),可直接发 X、LinkedIn、Product Hunt
- 一份 JSON 简报,每次发布改几个字段重渲
- 可继续深度修改的 HTML/GSAP 模板
适合
- 发布前造势、"即将上线"页面
- Product Hunt / 候补名单公告
- 没有动效设计师的独立开发者
不适合
- 长篇产品演示或旁白讲解
- 需要实拍素材或配音的视频
你需要
- 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。
安装包内容
- launch-teaser-countdown/LICENSE
- launch-teaser-countdown/NOTICE
- launch-teaser-countdown/SKILL.md
- launch-teaser-countdown/examples/orbit.json
- launch-teaser-countdown/examples/pocketroast.json
- launch-teaser-countdown/template/hyperframes.json
- launch-teaser-countdown/template/index.html
- launch-teaser-countdown/template/package.json
SKILL.md
Render a 9-second product launch teaser video (3-2-1 countdown, flash, letter-by-letter product reveal, tagline, launch-date pill) from a short brief, using HyperFrames (HTML → MP4). Use for launch teaser, coming-soon video, pre-launch hype clip, Product Hunt teaser, 发布预告, 新品倒计时视频.
Pro 解锁
Skilloop 原创可用 Pro 全包,也可单买某一个。简介与样例可预览;安装提示、ZIP 与 install.md 需要 Pro,或已购买该 Skill。
相关技能

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)

ProSkilloop 原创
10s视频
前后对比擦除视频
凌乱的"之前"画面被擦除,露出清爽的"之后"仪表盘,再接结果结尾卡:10 秒展示改变。
Skilloop · v1.0.0 · Proprietary (Skilloop Pro)