一款开源Skill“Create Onboarding Video”利用AI(通过Remotion)为iOS App生成高质量的用户引导视频。它强制遵循一套“反AI油腻感”的硬性规则,以制作出具有“App Store预览”级质感的片段。核心规则包括:视频需聚焦于证明功能在工作的特定UI组件,而非展示完整屏幕;字幕需有固定的位置、大小和入场动画;光标交互必须真实自然,禁止瞬移。该Skill定义了从素材采集、分镜规划到编码实现的四步工作流,强调“展示而非叙述”,旨在快速引导用户达成“aha moment”。
这个为 iOS App 创建用户 Onboarding Video 的 Skill 很有启发
对 iOS/Android App 来说,用户安装后打开时,是完全陌生的状态,怎么让用户快速 get 到这是什么、有什么用、怎么用,短短几十秒时间可能会决定用户是否直接走掉,也可能让用户快速完成第一个 aha moment。
之前运营团队们的做法,或者是多张效果图,或者是录屏演示,前者会让用户很迷惑效果图和 App 之间的 Gap,后者参与感太低,容易丢失注意力。
@bidah 开源的「Create Onboarding Video」Skill,可以让 Agent 使用 @Remotion 来生产 iOS App 的引导/预览视频,我们可以基于它扩展到其他平台和不同的视频类型。 开源地址: https://github.com/bidah/skill-set/blob/main/skills/create-onboarding-video/SKILL.md
Skill 的定位:"App Store 预览"级的特写片段 · 时长:每个引导画面 3-8 秒,整片很少超过 30 秒 · 风格:永远不展示完整屏幕。每个镜头只放大功能里"证明它在工作"的那一小块 UI--一个被点击的按钮、一个翻转的 toggle、一个被滑动重排的列表行、一张正在填充的图表 · 手法:把这块组件从截图里裁/抠出来,扔到一个有色背景上,用 spring、遮罩揭示、共享元素过渡(shared-element morph)、视差等"原生 UI 感"的动效串起来 · 基调:一个镜头讲一件事,不旁白、不大段文案