视频付费 已验证

成本卡片到范围

将多个成本卡片整理成清晰范围的短动效片段。通过编辑感排版、克制的卡片运动和受控渐变强调重点,适合教育内容与社交媒体发布,并支持本地编辑和渲染。

你会得到

  • 一段 6–12 秒的宽画布 MP4 动效
  • 按低到高排列并进入画面的成本卡片
  • 清晰的范围汇总和可编辑数值
  • 简洁的编辑感排版与留白
  • 可在本地渲染的 HTML/CSS 源文件

适合

  • 解释教育内容中的预算区间
  • 为社交媒体剪辑加入价格范围片段
  • 保持连续栏目统一的视觉语言

不适合

  • 复杂的财务仪表板
  • 高能量的产品发布视觉
  • 需要市场数据验证的结论

你需要提供

  • 成本标签和金额
  • 希望观众记住的范围结论
  • 可选的结尾短句
  • 必要的对比度限制

运行要求

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

运行成本

No external services or generation models. Renders locally.

试试这个提示词

/sl-cost-cards-to-range-motion-clip 为虚构的 Cost Cards 制作一段 9 秒、16:9 的视频。开场显示“What does the work cost?”;展示调研卡片 $240 和起草卡片 $480,然后从 $240 计数到 $720,并显示“From $240 to $720”和“ USD”。结尾显示“Plan the full effort: $240 to $720.”整体采用克制、简约的渐变账本风格。

后续提示词

  • 把卡片改成课程制作的三个阶段,并保持相同节奏。
  • 让范围揭示更慢一些,并放大标签以适配移动端裁切。
  • 将结尾短句替换为适合教育帖子的简短问题。

验证情况

已验证

render-checkpass5.0 / 5277s

常见问题

制作后还能修改金额吗?

可以。卡片标签、金额、范围端点、强调色和结尾短句都保留在 HTML/CSS 组合中,可在本地渲染 MP4 前继续修改。

是否使用图像或视频生成模型?

不使用。片段由确定性的 HTML/CSS 场景构成并在本地渲染,因此布局稳定,也便于反复调整。

建议提供几张成本卡片?

三到五张最合适。这样既能建立范围关系,又能保留充足留白并确保播放时文字清楚。

相似技能

成本卡片到范围 · SkillLoom