视频付费 已验证

手机完成进度缩放动效片段

制作可编辑的手机界面短视频素材:发布清单逐项完成,进度升至百分之百,手机随之轻微放大。适合连续发布的教学内容,画面克制,不借用真实应用的界面。

你会得到

  • 可直接用于剪辑的宽屏 MP4 文件。
  • 可修改文案、颜色和节奏的 HTML/CSS 源文件。
  • 带有清晰结尾停留画面的完成进度动效。

适合

  • 表现课程或帖文从草稿进入待发布状态。
  • 为系列教学内容制作统一的进度转场。
  • 衔接口播片段的简洁画面素材。

不适合

  • 演示真实发布软件的操作步骤。
  • 呈现信息密集的仪表盘或多项并行任务。

你需要提供

  • 手机中显示的任务或阶段名称。
  • 两到四项清单文案。
  • 结尾文字和期望的视频分辨率。

运行要求

  • Node.js 20+
  • FFmpeg
  • Chromium (npx playwright install chromium)

运行成本

No external services or generation models. Renders locally.

试试这个提示词

/sl-phone-completion-scale-motion-clip 为虚构的教学品牌 LESSON LOG 制作一段 9 秒、16:9 的简洁 Completion Sheet 风格视频。开头在手机清单上显示“Lesson draft”、Captions、Cover 和 Final review;随后展示“Final checks”及三项全部通过,显示“Publish checklist”从 0% 升至 100%,最后以“Ready to publish”收尾。

后续提示词

  • 把清单改成大纲、示例和最终检查,保持原有节奏。
  • 把百分之百完成后的停留时间延长半秒,方便配合旁白。

验证情况

已验证

render-checkpass4.0 / 554s

常见问题

交付后还能修改清单吗?

可以。清单文字、完成数值和动效时间都保留在可编辑的源文件中。

需要调用视频生成服务吗?

不需要。画面由 HTML/CSS 制作,并在本地渲染为 MP4。

相似技能

手机完成进度缩放动效片段 · SkillLoom