返回 Skill
Skill
HyperFrames 动效短片
用 HTML、CSS 和 GSAP 做网页式动效视频、产品演示和社媒短片。
这个 Skill 适合做更像网页动效的短片：产品介绍、功能演示、标题卡、字幕卡、社媒视频和轻量品牌动画。
工作流
- 把视频拆成多个 HTML 场景和镜头节奏
- 用 GSAP 控制进入、退出、错位和滚动式动画
- 接入图片、字幕、旁白或录屏素材
- 预览、检查布局，再导出社媒尺寸视频
交付物
- HyperFrames composition
- GSAP 动画时间线
- 竖版或横版视频版本
- 可复用的标题卡和场景模板
实用场景
- 把一个网站首页做成 30 秒宣传短片
- 做 LinkedIn / 小红书风格的动态知识卡
- 给 AI 工具教程做开场标题动画
想把这个能力落到你的项目里？
可以从一个具体任务开始，先做出最小可用流程。