简诗 AI 产品发布动效与社媒短片制作
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_fccf428b/create-hyperframes-launch。
技能介绍
做产品发布短片或社媒动效时,常见几个棘手问题:想实现"节奏紧凑的功能展示"却没明确时间轴拆解,动效元素散落不同图层导致渲染时命名混乱,或看似精美的设计实际渲染出现帧跳、时间不同步等不可控情况,这些会消耗大量迭代时间却难定位根源。
核心能力与工作流
技能以"确定性渲染"为核心,拆解为5步可追踪流程:
- 需求锚定:先明确时长(如15秒/30秒)、画幅比例(16:9/9:16)、核心产品信息、文本节拍(功能名出现时间)和动效风格(简约/科技感);
- 场景规划:将内容拆为"场景-时间轴-元素"三要素,比如前3秒展示产品LOGO+主标题,4-10秒逐个展示功能点配动效;
- HTML合成构建:生成符合HyperFrames规范的HTML文件,动效元素用具名图层(如
logo-base、feature-icon-1),动画采用CSS约束动画(如transform: translateY)而非复杂JS,附带渲染备注(如"该图层延迟2秒出现"); - 源文件管理:将合成源文件按
source/scene_1、source/assets等结构组织在cache或source文件夹下,确保可追溯; - 自检环节:最后检查时间轴紧凑性、文本易读性、是否能按HyperFrames规则确定性渲染(避免依赖随机数或外部资源)。
适用边界与注意点
适合需要"可控交付"的场景:比如发布会开场短片、社媒平台功能展示动效。但它不是"快速生成工具"——需提前明确核心信息(如产品关键功能、目标受众),否则第一步"需求锚定"会缺失锚点。另外,最终输出依赖HyperFrames渲染环境,技能本身不直接生成视频,而是生成可渲染的HTML合成或渲染指令。
使用场景
- 为新品发布会制作15秒开场动效,需将LOGO出场、主标题淡入与三个功能点拆成精确到秒的场景
- 为618大促制作30秒社媒短片,需把产品卖点与促销文案按时间轴排布成可渲染的动效画面
- 为App功能更新制作竖屏讲解短片,需把每个功能点对应成具名图层并生成渲染源文件
- 为产品冷启动流程制作动效短片,需约束动画节奏并标注每个图层的渲染时序
适合人员
- 负责发布会开场视频的动效设计师,需要按精确时间轴组织LOGO与功能点动效
- 制作电商社媒短片的编导,需要把卖点和文案按时间轴排成可渲染的动效画面
- 为功能更新制作讲解短片的产品经理,需要把功能点拆成具名图层并生成渲染源文件
- 开发独立App并自制更新宣传短片的工程师,需要生成竖屏且渲染结果确定的动效HTML