免费
Solenne · 16:9
由此 Skill 渲染
一个开源 Skill，像顶尖动效设计师一样导演发布片。一个元素从按钮变成滑块、开关、图表，全程不切镜；光标驱动每一次变化，数字在滚动计数器上翻动，每一次点击和转场声都落在音乐的节拍上。AI 助手写故事、用 HTML 搭建影片、以 60fps 加动态模糊渲染，交给你一支 MP4。
更新于 2026年11月2日
你将得到
- 一支完整发布片，H.264 MP4，1920×1080，60fps，带动态模糊
- 一个 HTML 影片，每一帧都是时间的函数，可以直接修改
- 每拍一帧的总览图，以及每秒一帧的故事板
- 合成音效与你的音乐按节拍混好
适合
- App、SaaS 和网站发布
- 功能上线和产品更新
- 品牌片头和 UI 动效短片
不适合
- 真人出镜或实拍视频
- 带旁白脚本的讲解视频
关于此 Skill
你只需说
/product-launch-motion 给我在 localhost:3000 的 App 做一支 30 秒发布片。一个形状全程不切镜：卡片变成滑块、开关、状态胶囊和数据面板。用这首 120 BPM 的曲子，让注册人数落在高潮上。
把你的网站或 App 交给 AI 助手。它从你的客户痛点出发想好故事，然后导演一支发布片：标题一个词一个词落下，一句需求被打出来，接着由一个形状承载整段演示，在光标的点击和拖动下，从卡片变成滑块、开关、状态胶囊和数据面板。镜头推近，让每个状态都占满画面，再拉远展现规模，最后你的数字滚动上涨，logo 正好落在音乐的高潮上。
工作流程
- 先定导演方案：AI 助手读懂你的产品，写一份简短的创意方案：故事和高潮、品牌呈现、音乐，以及逐拍的分镜表。创意上的决定由它自己拍板，并逐条列出，你一句话就能推翻任何一条。
- 音乐优先：用 numpy 测出歌曲的节拍网格，每个场景都按它来卡时间，每一拍都有动作，最重要的时刻落在高潮上。
- 一个 HTML 影片：每一帧都由时间计算出来：闭式弹簧动画、开关和标签页的前后沿拉伸、带模糊的内容切换、会倾斜、按压、出波纹的光标，以及展示你数据的滚动计数器。
- 声音：界面音效全部从零合成，每个声音都以自己的峰值对齐到节拍上。
- 检查与渲染：每拍一张静帧拼成总览图，修正问题，然后用 Playwright 每帧渲染 4 个子帧，再由 FFmpeg 融合成真实的动态模糊，输出 60fps。
小贴士
- 带一首 120 BPM 左右、有铺垫和高潮的免版税音乐，或让助手去找。
- 列出你希望形状变成的 8 到 12 个状态，或者直接说「你来定」。
- 给它真实的数字；大数字保持真实，它会告诉你哪些细节是编的。
- 用 Claude Opus 5.5 效果最好，高级感就藏在细节里。
开源
Product Launch Motion 由 Muhammad Abubakr 制作（AbubakrChan/product-launch-motion），以 MIT 许可证开源。下载的是 GitHub 上发布的 Skill，不含作者为 Cheerful 制作的样片。
开始前需要准备
- 你需提供
- 你的网站或 App、想讲的故事或要展示的状态、真实数据和 logo，可选：一首 120 BPM 左右的免版税音乐。
- 依赖
- Node.js 20 或更高版本——必需 · Playwright Chromium——必需 · FFmpeg——必需 · Python 3.9 或更高版本——必需
- 外部费用
- 无。影片在你的电脑上搭建和渲染，音效是合成的，不需要 API 密钥或付费服务。
- 最近测试
- v1.0.0 —
用户评价
还没有评价。安装这个 Skill，成为第一个评分的人。
常见问题
「一个形状，全程不切镜」是什么意思？
整段演示只有一个元素，它不断改变大小、圆角和颜色，内容用短暂的模糊切换。按钮变成加载圈、滑块、开关和图表，观众的视线始终不会迷路。
一定要有音乐吗？
配一首 120 BPM 左右、有铺垫和高潮的免版税音乐效果最好。你可以自己带，也可以让助手去找，并围绕你的关键时刻安排铺垫和高潮。
渲染完还能改吗？
可以。整支片子是一个 HTML 文件，每一帧都由时间算出，文案、颜色、节奏甚至整个场景都能改，改完重新渲染即可。
为什么免费？
Product Launch Motion 是 Muhammad Abubakr 的开源 Skill。我们原样上架，样片是在我们自家的智能家居 App Solenne 上运行它做出来的。
