
方画幅形变链发布片v1.0.0
使用这个 Skill:制作产品讲解短片。
为「两个工具之间的交接」做一支方画幅发布片。按钮形变成 prompt,世界回应你敲下的词,画面再拉远露出一整墙会话、然后飞进另一个。交付一支成片 MP4 和完整可编辑的工程。
更新于 2026年8月30日
效果预览
运行于
生成模型
使用工具
相似 Skill
查看全部 Skills你将获得
- 一支为信息流而做的 1080x1080 成片 MP4,30 到 50 秒,前三分之一完全没有切点——一个元素穿过四种形态,同时世界回应你敲下的内容。
- 可编辑的工程,形变链在动画之前就以四组几何写好,共享元素是被规划出来的而不是凑出来的。
- 剪纸卡片系统、方画幅的排版约束,以及「世界回应」的规则——什么时候开始、慢到什么程度、以及它为什么必须留下来。
适合
- 你要发布的是两个工具之间的连接——导出、导入、send-to——主张是「这是一个动作,不是一套流程」。
- 你清楚这支片子会发到一个原生按 1:1 展示、不会加黑边的地方。
- 你的 prompt 里有一个值得被回应的词:颜色、情绪、数字、方向。
不适合
- 落地页 hero 或任何按 16:9 观看的场合。方片被加上黑边,读起来是失误而不是选择。
- 两端界面拿不出来的产品——这支片子把两个界面放上屏幕,两边都需要版权立场。
- 需要旁白或长篇解释的发布。这里没有旁白——论证靠的是连续性,音乐一直压在它底下。
关于此 Skill

方画幅形变链发布片 — 使用指南
你会得到什么
一支 1:1 的发布片,讲的是一个工具把活儿交给另一个工具的那一刻。前三分之一完全不切:一个按钮形变成 prompt 卡片,卡片长出选项,选项落定成回答——一整条共享元素的连续链。然后镜头拉远,露出刚才那一帧只是众多会话中的一个,再飞进另一个,四秒钟把整套交接重做一遍。
暖象牙底、剪纸卡片、一个珊瑚色强调。每一帧都是代码画的。
为什么它从不切
要主张的是:把你两个工具接起来是一个动作,不是一套流程。一支在四个画面之间来回切的片子,无论文案怎么写,论证的都是反面。
所以前三分之一是一条共享元素形变链:离开的那个元素,字面上就是抵达的那个元素,被补间穿过四种几何形态。观众追的是一个物体在变形,这份连续性在任何文字之前就把论证做完了。
你需要提供什么
- 两个工具,以及把它们连起来的那个确切动作。
- 用户会敲下的那句 prompt,里面要有一个世界可以回应的具体词——颜色、情绪、数字、方向。
- 接收方工具带来了什么——这次交接值得做的理由。
- 两边的界面:你自有的,或者做中性原创的授权。
- 品牌 token:暖象牙底、暖近黑墨色、一个珊瑚色系强调、一个衬线标题字。
一次完整流程
- 先定方画幅。 这支片子发在哪儿,那里是不是原生 1:1 展示?这个决定改起来很贵,事后裁切会毁掉构图。
- 两个界面的版权立场。 屏幕上有两个产品,风险是单 app 片子的两倍,而"真的有合作"不等于书面授权。
- 先做形变链,一个元素穿四种几何,画面上不放别的。它读不出是同一个物体,后面什么都不重要。
- 其余按顺序做,每拍验证通过再往下。
- 形变评审。 四个状态截帧给人看。如果他说"四个画面",那它还不是形变。
- Preview,24fps 方形渲染,并在探测结果里确认尺寸。
八拍结构
| # | 画面 |
|---|---|
| 1 | 按钮,独自落在纸上。光标过来按下。 |
| 2 | 按钮变成 prompt 卡片。prompt 敲进去,世界回应其中一个词。 |
| 3 | 卡片长出选项。光标挑一个。 |
| 4 | 发送。回答以衬线体落在裸纸上。 |
| 5 | 镜头拉远:刚才那个只是众多会话之一。 |
| 6 | 飞进另一个,四秒钟把整套动作再做一遍。 |
| 7 | 对句:一工具一行。 |
| 8 | 接收方带来了什么,然后品牌锁定。 |
第 1 到 4 拍没有任何切点。全片第一个真正的切点是那次拉远。
第 6 拍故意很快。观众已经学会这个动作了;按原速再来一遍是在侮辱他们,而快速重做才让它显得轻松。
这支片子守的几条设计规矩
- 整条形变链只用一条 ease。 中途换曲线,物体就从"在变"变成"被换掉"。
- 内容在盒子里交叉淡变,比盒子本身更晚、更快,让容器带头。
- 是剪纸,不是玻璃。 两层阴影——一层紧的做厚度,一层散的做离地高度——每张卡片带轻微旋转。不要 glassmorphism,不要背景模糊,不要深色 SaaS 渐变。
- 强调色只花三次:光标的目标、发送、CTA。它就是眼睛追着穿过整条链的东西。
- 衬线是片子的声音,无衬线是它的界面。 严格分开,才不会看起来像一段 app 巡览。
- 回应会留下来。 世界一直保持被改变的状态直到拉远,这才让它读起来像产品在听,而不是一个特效。
版权与诚实
这支片子把两个产品的界面放上屏幕,暴露面是单 app 片子的两倍。每一个界面要么是你自有的、用你真实 token 搭的,要么是中性原创——通用 chrome、原创图标、不出现任何第三方字标、mark、菜单结构或标志性版式——交付物里会写明哪个是哪个。
复刻别家公司的界面、或使用其录屏,需要该公司的书面授权。真实的集成关系和友好的合作都不算授权;授权是一份文件。会话墙上不会出现任何真实客户、项目或个人。
本片的形变链、回应世界、拉远结构与纸感调性参考自一支公开发布的 HyperFrames 发布片。主题、文案、配色值和全部素材都为你的产品重新创作,成片中不包含、也不暗示与任何你不拥有的公司存在关联或获得其背书。
环境要求
HyperFrames CLI、Node.js 22 或更新版本、FFmpeg。渲染在你自己的机器上跑。全程不调用任何图像、视频或数字人生成模型,因此没有按次计费的 API 成本。
值得知道的限制
- 它是方的。 这是在动工之前就做出的格式决定,事后靠裁切改不回来。
- 没有旁白,也没有旁白的位置。音乐床压在形变链底下,到拉远那一次切上抬起来——全片唯一的切点拿到的是电平变化,而不是另一段音乐。
- 参考版是 34 秒、24fps。短于约 30 秒,形变链就得赶,而赶恰恰会打破"一个连续动作"的幻觉。
开始前需要准备什么
- 你需要提供
- 两个工具,以及把它们连起来的那个确切动作 · 用户会敲下的 prompt,其中含一个世界可以回应的词 · 接收方工具带来了什么 · 你自有的界面,或为两边做中性原创界面的授权 · 暖象牙底、暖近黑墨色、一个珊瑚色强调,以及一个衬线标题字
- 依赖项
- HyperFrames CLI — required · Node.js 22 or newer — required · FFmpeg — required
- 最近实测
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…







