你会得到
- 1080x1080、24 fps、时长 34 秒(精简版 23 秒)的 MP4
- 可工作的方形影片模板,一个变形节点,以及覆盖 3x3 墙面的镜头
- 四组书面变形几何、八拍分镜和接缝记录
- 文案预算检查器和项目启动脚本
- 可选的 PopNow 结果图片、音乐床和界面音效
适合
- 两个工具之间的集成、导出和发送到操作
- 展示方形视频的信息流和主页网格帖子
- 用一个简单的手势展示 Agent 之间的交接
不适合
- 落地页主视觉,或以 16:9 观看的内容
- 页面没有任何输入内容可以响应的功能
- 未经书面许可重建他人界面
怎么用
在 Claude 或 ChatGPT 里
用 PopNow 的技能「方形界面变形宣传片」(square-ui-morph-promo)帮我做这件事:我们的笔记应用现在只需一个按钮就能把笔记发送到图片工具。请为我们的信息流做方形发布影片。
在编程 Agent 里
/popnow-square-ui-morph-promo 我们的笔记应用现在只需一个按钮就能把笔记发送到图片工具。请为我们的信息流做方形发布影片。
接着试试
为回复报价三张封面图,以及一段在拉远时抬升的音乐床。
做 23 秒的精简版。
需要准备
- 两个工具,以及把它们连接起来的动作
- 一个真实的请求,其中有一个词是页面可以作出反应的
- 墙面上的会话名称,真实的或明显虚构的均可
- Node.js 22+ 和 FFmpeg
类似技能
查看全部 →Agent 角色团队发布视频
+3温暖的圆点纸面上是闪亮的助手角色,配合实时手机任务,以及能孵化出全新助手的技能。
AI 聊天机器人演示视频
+3深色聊天应用里的旁白演示:打开你的集成,提问,拿到结果和数字滚动。
Agent 产品发布影片
+3一支沉稳、有主题演讲感的发布影片,素材来自产品真实的网站和界面,并按节拍剪辑。
动态清单产品演示
+3手机屏幕旁边是一张纸质便签清单;每个方框都会在对应步骤出现在屏幕上的那一刻打勾。
移动应用宣传视频
+310 到 13 秒的应用宣传片,七个产品镜头像一次镜头运动那样连贯衔接,用 HTML 和 GSAP 编写。
ASCII 故障风宣传片
+3字符格子的 ASCII 画面、追踪框和点阵文字,每十分之一秒切一次,最后切到你的 logo。
前后对比发布视频
+3近黑的画布、等宽的文件名、一种电光强调色:你的内容先是一张静态页面,再变成一支影片。
蓝图规格宣传片
+3你的主张画在近黑的规格图纸上:带边框的图形、阴影线、引出线和标题栏。
更新日志解说视频
+3把一个真实的 Pull Request 变成 30 秒的影片,给那些永远不会读代码差异的人看。
单一对话串发布视频
+3一个温暖纸面上的聊天窗口,从不重置:问等待的事,要修复的方案,然后看它运行。
电影感深色界面预告
+3你的界面漂浮在黑色虚空中:镜头缓缓滑动,一条锐利的焦平面,一行打出的命令,一个发光的名字。
开发者工具发布短片
+3同一句提示词在四个地方被输入,一段按节拍剪辑的真实结果短片,最后是你的安装命令。
带设备样机的 SaaS 产品视频
+3你的真实应用屏幕放在中性设备上,置于深色演播室里,随后是一个实时操作和一次明亮的揭晓。
暖纸编辑风发布视频
+3暖纸上的超大字体,每一帧只有一种强调色,抬起的产品卡片,以及墨黑色的转场。
从用户吐槽到功能发布视频
+3以用户反复发帖的吐槽开场,然后用新功能证明这句吐槽已经不成立。
搞笑问题与解决方案视频
+3一个小烦恼被演成笑话,礼貌的请求不断堆积,然后一颗橙色药丸成为解决方案。
半色调画布发布视频
+3整支发布影片都在一块活的圆点画布上,每句文字出现之前,画布都先动一拍。
手绘信息图视频
+3一整张长海报上的记号笔方框,镜头沿着手绘路线推进,最后拉远显示整张图。
HyperFrames 的 AI 素材
+3为 HyperFrames 视频准备的主视觉静态图、空镜、音乐床和旁白,先报价,再归档到 assets/ 中。
产品发布影片
+3根据你的网址或 README 制作的 20 到 40 秒发布影片,附可直接发布的文案,支持三种画面比例。
液态标志揭示片头
+3一颗玻璃质感的水珠裹着你的标志,难以辨认,然后迸裂开来,留下清晰的标准组合标识。
多风格主题演讲发布视频
+3每项能力都有自己的世界:蓝色图表、奶油色衬线页面、深色光场和海报网格。
多语言发布视频
+3你的产品名保持不动,每种语言以它自己的文字滚动进入,配有配音和字幕。
带旁白的讲解视频
+345 到 120 秒的讲解视频,配有旁白和逐字同步的字幕,可选拼贴、白板或数据风格。
剪纸科普动画
+3阴影盒中的层叠纸片,剪纸的太阳和月亮,用绳子悬挂摆动的标签:一个科学概念,配旁白讲解。
合作公告视频
+3边框窗口里的主讲人,一张卡片上的两个标志,打字机式的三步设置,动词按提示滚入。
像素风宣传视频
+3一支关于你产品的复古像素艺术影片,根据你的链接、推介或故事逐帧绘制。
毛绒角色发布视频
+3毛毡玩偶骑在光标上,在团队编辑器里实时搭建你的宣传片,每个切点都踩在节拍上。
从无声到有声的揭示宣传片
+3一个按钮在完全安静中被按下三次,然后同一个镜头带着声音再播一遍,最后加上音乐。
纸书动画
+3会动的绘本:毛毡与黏土剪纸、层叠的纸片山丘,以及一个接一个跳出来的文字。
用户评价视频制作
+3暖色横线纸上的人像底板与凸起的引语卡片,一种青绿色强调,每位客户之间平缓地叠化。
人物后方文字标题
+3镜头中的人物身后,一个超大标题猛然冲入,然后在干净的切换之后独占画面。
材质文字宣传片
+3标题字母由水磨石、砖和钢板切割而成,每三帧换一种表面,背景是温暖的情绪板。
白板动画视频
+3一支画笔在同一块白板上画出整节课,擦掉误解,然后拉远,呈现完成的白板。
常见问题
为什么是方形?
这支影片是为展示 1:1 视频的信息流设计的。技能会先询问发布位置;如果是宽屏页面,它会建议另做一支影片,而不是给方形加上黑边。
变形真的是同一个元素吗?
是的。按钮、提示卡片、带选项的卡片和收起的那一行是同一个元素,它以同一种缓动,依次经过四个书面形状,所以观众看到的是一个物件在变化,而不是东西被替换。
拉远时会发生什么?
影片一直在九宫格墙的一张卡片里播放。镜头恢复到正常大小,你刚看过的那张卡片保留它的颜色和结果,然后镜头俯冲进入另一张卡片。
能展示我合作伙伴的界面吗?
只有取得书面许可才可以。否则,技能会为该界面使用一张中性的纸质卡片,并在交付说明中注明。

