
活体网点画布片v1.0.0
使用这个 Skill:制作产品讲解短片。
做一支在同一块网点画布上从头走到尾的发布片,而不是一叠彼此独立的场次。背景比每个切点早一拍起手,于是剪辑读起来是被带着走的,而不是拼出来的。你会拿到拍点表、画布系统,以及一支成片 MP4。
更新于 2026年8月30日
效果预览
运行于
生成模型
使用工具
相似 Skill
查看全部 Skills你将获得
- 一支 20 到 30 秒的 1920x1080 成片 MP4,全程不切新场次——一块网点栅格画布扛完整片,每一拍都是它的一次调制。
- 可编辑的工程:一个画布组件、每拍一个 composition、一份带「画布」栏记录场域何时做什么的分镜,以及一份 seam ledger。
- 把「提前一拍」这个技术写成了时间与偏移量——画布的动作、前景的动作,以及为什么前者必须比后者更大。
适合
- 你的产品讲的是控制或精确——inspector、编辑器、参数面板——主张是「这个你现在可以直接改了」。
- 你有真实的客服记录或会话日志,因为人们真正会敲下的那些平凡小请求就是全片的脊柱。
- 你能展示自己真实的控件在做那件事,而不是一个通用的界面 mock。
不适合
- 温情的、以人为主的、叙事驱动的发布。这支片子冷静而精确,装不下角色或故事线。
- 价值必须靠实拍或代言人来传达的产品——把这些压到画布上,会毁掉它唯一擅长的事。
- 没有真实界面可展示的发布。一个 mock 出来的控件,会让一支讲精确的片子显得不精确。
关于此 Skill

活体网点画布片 — 使用指南
你会得到什么
一支没有场次切换的发布片。一整块密集网点栅格画布扛完全片,每一拍都是它的一次调制——更密、更暖、更暗、更近——文字和你真实的界面叠在上面。
画布在每个切点之前先动,所以整片读起来是一个平面被某种意图驱动着,而不是一叠卡片在轮换。每一帧都是代码画的。
为什么只用一块画布
在场次之间来回切的片子,每次切都要花一部分时间让观众重新定位自己在哪儿。这一支从不切,所以从不花这笔钱。二十三秒的连续平面,足以承载八个彼此独立的陈述,中间没有任何一次重新定位。
技术里还藏着一个论证:如果你的产品讲的是「控制」,那么一块完全听话、准时听话的画布,在任何文案落地之前就已经把这个主张说完了。
你需要提供什么
- 产品,以及它给出的那个具体控制。这支片子讲的是精确,能力含糊,片子就含糊。
- 真实的小请求——「往左挪 20px」那种口吻,来自客服记录或会话日志。它们是全片的脊柱。
- 真实的证据:你实际控件的录屏,或用你自己界面程序化重建的版本。
- 品牌 token:一个深底色、两个色相接近的栅格色、一个暖色字色,以及最多两个辅助强调色。
一次完整流程
- 重定向关卡,其中包括「这支片子适不适合你」——如果产品是温情的、以人为主的、叙事驱动的,流程会直说,而不是硬套。
- 先做画布,单独看三十秒。 上面什么都不放还不好看的话,它扛不起一支片子。
- 分镜多一栏「画布」。 每一拍都记下场域做什么、什么时候做,比前景提前。
- 按顺序做每一拍,每拍验证通过再往下。
- 前导检查。 每个拍点边界都截帧,确认前景开始动时场域已经在动了。
- Preview,确认后渲染。
八拍结构
| # | 画面 |
|---|---|
| 1 | 平铺直叙地抛出主张。画布已经在漂移了;没有淡入。 |
| 2 | 一个词一路放大,直到它变成那个平面——而场域跟着它一起放大。 |
| 3 | 问题,四个字。 |
| 4 | 一句小请求敲进一条光秃秃的输入行。没有窗口,没有界面。 |
| 5 | 消防栓:一堆小请求堆叠上来,快到读不完。 |
| 6 | 证据——你真实的控件,在做那件事。 |
| 7 | 重述:到底改变了什么。 |
| 8 | 品牌锁定,画布回到开场时的状态。 |
第 5 拍是全片唯一响的一下,而它成立正是因为周围都很静。
这支片子守的几条设计规矩
- 画布提前约十分之一秒起手,并且比文字走得更远。 两半都重要:提前量让你的眼睛先动起来,更大的位移才让场域读起来像驱动者,而不是被锁住的背景。
- 画布从不切、从不重启、从不复位。 一个元素,扛完全片,最后回到开场密度——整支片子是一次连续的动作。
- 两个栅格色相要挨得近。 相邻色读作纵深,对立色读作花纹,而花纹就是装饰。
- 字是暖的,场是冷的。 就靠这一个对比,字才不会溶进栅格里。
- 没有任何随机。 消防栓里那些看似散乱的偏移是按序号算出来的,所以两次渲染完全一致。
版权与诚实
那些请求必须是真的——来自你的客服记录或会话日志——因为全片的核心主张就是「用你的产品实际上就是这个样子」,编出来的措辞会立刻把它化掉。任何请求都不会引用可辨识的个人、账号或客户。
第 6 拍必须展示你真实的控件。一个通用的界面 mock 会让一支讲精确的片子显得不精确,流程会把这一点提出来而不是默默交付。全片不会出现任何第三方 logo、字标、图标集或专有界面。
本片的单画布前提、前导剪辑规则与拍点结构参考自一支公开发布的 HyperFrames 发布片。主题、文案、配色值和全部素材都为你的产品重新创作,成片中不包含、也不暗示与任何你不拥有的公司存在关联或获得其背书。
环境要求
HyperFrames CLI、Node.js 22 或更新版本、FFmpeg。渲染在你自己的机器上跑。全程不调用任何图像、视频或数字人生成模型,因此没有按次计费的 API 成本。音乐床由你按自己持有的授权提供。
值得知道的限制
- 参考版是 23 秒,而这已经接近上限。画布这个想法撑二十来秒很强;过了大约三十秒,它开始像墙纸。
- 没有旁白。全片是一串精确陈述,旁白把它们念一遍会让信息速率翻倍、精确度减半。
- 默认 1920x1080。画布本身换任何画幅都不用重做,但超大字号和消防栓堆叠在竖版下需要重新排版。
开始前需要准备什么
- 你需要提供
- 产品,以及它给出的那个具体控制 · 用户真实敲下的小请求,保留他们自己的口吻 · 你真实控件的录屏,或程序化重建版本 · 一个深底色,以及两个色相接近的栅格色 · 一个暖色字色,和最多两个辅助强调色
- 依赖项
- HyperFrames CLI — required · Node.js 22 or newer — required · FFmpeg — required
- 最近实测
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…







