
Preview gallery
关于这个 Skill
制作一部发布影片,将产品的真实屏幕放在黑暗工作室中的设备上,滚动它,放大界面以执行一个操作,然后通过颜色分割显示解决锁定问题。以渲染 MP4 加上可编辑项目的形式提供,不涉及 3D 模型和生成模型。
Picked most often by
About this Skill

What you need before you start
- You bring
- 产品屏幕的真实捕捉,高度足以滚动 · 影片在界面内执行的一个动作,以及产品的回答 · 声明和两行号召性用语 · 锁定 · 两种颜色:深色工作室背景和一种产品强调色
- Dependencies
- HyperFrames CLI — 必需 · Node.js 22 或更高版本 — 必需 · FFmpeg — 必需
- Last tested
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
What you get
- 一段 16 到 20 秒的 1920x1080 MP4:真实的产品屏幕到达黑暗工作室中的设备上,在超大光标下滚动,执行一个操作,声明一项声明,然后显示锁定。
- 从 CSS 角度构建的设备的可编辑项目——没有 3D 模型,没有 WebGL,没有加载器,没有任何许可——以及使板读取为对象的转换堆栈。
- 舞台技巧:如何捕捉被推入后仍能幸存的屏幕,为什么放大界面是主题的改变而不是相机的移动,以及两个有效的接缝。
Good fit
- 你的产品有一个值得展示的屏幕,而发布的工作就是证明它存在并且有效。
- 您可以在自己的网站或应用程序上真实捕获该屏幕。
- 您希望正确显示一项操作,而不是浏览整个产品。
Not for
- 没有界面的产品,或者屏幕必须是模型的产品——工作室中设备上的模型是一种非常昂贵的方式,无法显示任何内容。
- 需要展示多种功能的电影。界面内的两个操作将启动变成了教程,教程更长、更慢,并且针对不同的受众。
- 任何想要在屏幕上显示特定制造商的手机或第三方网站的人。
社交媒体内容和活动产品发布和应用程序增长创建社交品牌视频制作产品发布会影片创建产品演示视频证据优先引导式工作流程视觉上抛光半音分割显示CSS 透视板暗室设备界面放大超大Cursor
User reviews
Loading reviews…






