Skilloop

真实产出

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

如何使用

  1. 1

    复制安装提示

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

  2. 2

    粘贴给你的 agent

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

  3. 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。

相关技能