你会得到

  • 16:9、1:1、4:5 或 9:16 的 PNG 样机,1080p、2K 或 4K,透明或带背景
  • 手机展开、折叠或两者兼有的 60 fps MP4,可选相机轻微摇摆
  • 可交互的工作室源码,以及它的单个离线 HTML 构建版本
  • 三种机身饰面、十张内置背景,以及视频背景支持
  • 可选的 PopNow 背景、动态背景循环和折叠音效,报价后生成

适合

  • 用真实截图制作应用商店、发布和社交图片
  • 用于短视频、更新日志或落地页的设备短片
  • 同时在大屏和小屏上展示响应式网页应用

不适合

  • 某一款真实手机型号的样机
  • 编造尚不存在的界面
  • 带标题和旁白的完整发布影片

怎么用

在 Claude 或 ChatGPT 里

用 PopNow 的技能「手机样机生成器」(phone-mockup-generator)帮我做这件事:把 ./shots/dashboard.png 放到手机上,展开,银色机身,暖色背景,并给我 16:9 和 4:5 的 PNG。

在编程 Agent 里

/popnow-phone-mockup-generator 把 ./shots/dashboard.png 放到手机上,展开,银色机身,暖色背景,并给我 16:9 和 4:5 的 PNG。

接着试试

现在做一段 6 秒的短片,展示它开合时伴随柔和的铰链咔哒声。先报价音效。

在小屏上使用移动端截图 ./shots/today.png,并做一版折叠状态的 9:16。

需要准备

  • 用于大屏的横向截图或录屏(约 1.42:1)
  • 可选:用于小屏的竖向文件
  • Node 22 和 Chrome,用于无头导出
  • 可选:用于自定义背景、循环或声音的 PopNow API 密钥

类似技能

查看全部 →

常见问题

这是真实的手机型号吗?

不是。手机是由代码绘制的通用折叠机,不带任何厂商的设计或标志,因此你的图片不会涉及他人的商标。

我需要安装什么?

Node 22 和 Google Chrome(或 Chromium、Edge)。脚本不使用任何 npm 包:它们在本地提供工作室服务,并驱动浏览器导出 PNG 和 MP4 文件。

屏幕能播放视频吗?

可以。两块屏幕都支持 MP4、WebM 或 MOV,也支持图片。导出时,录屏会逐帧推进,所以它与折叠动作保持同步。

PopNow 加了什么?

工作室本身画不出来的东西:为你的产品生成的背景、五秒的动态背景,以及短片的声音。每一项都是可选的,并在运行前以积分报价。