


你会得到
- 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 密钥
类似技能
查看全部 →黑白影棚人像
+3把一张日常照片变成沉静的黑白影棚人像,同时依然像你本人。
博客文章插图套装
+3为一篇文章配的三张风格统一的插图,每张都准确呈现其所在段落的实际内容。
品牌套件与 DESIGN.md 生成器
+3从一段简短说明生成品牌套件:经过对比度检查的色板、开源字体、SVG 标志、样机,以及 Agent 遵循的 DESIGN.md。
汽车剖面解剖海报
+3一辆通用汽车的侧视剖面图:颜色区分各个系统,配编号标记和圆形放大窗。
黑板风信息图制作
+316:9 的黑板风信息图,文字简短精确,配粉笔画,阅读路径清晰。
电影分镜画面
+3同一场戏的三张分镜接触表,每张是一种不同的拍法,并保持连贯性。
统一风格概念美术套件
+3一个角色、一件道具和一个场景,明显属于同一个虚构世界。
可爱蜡笔涂鸦画
+3白纸上笨拙又可爱的蜡笔角色:抖动的线条、涂抹的填色、清晰的文件和贴纸式抠图。
编辑风线条插画
+3留白充足的黑墨插画,配一种强调色,适用于博客头图、电子报和社交卡片。
雕版风文章封面
+3每篇文章一幅超现实的黑墨雕版画:交叉排线,满幅铺陈,把它的核心观点呈现为一个场景。
电动车平台爆炸图
+3一辆电动车逐层拆开:电池、电机、座舱和车身都带颜色,并配有标注。
产品爆炸图海报
+3产品的干净爆炸图主视觉,部件标签精确取自你的规格表。
奇幻地图生成器
+3你自己世界的羊皮纸、图集或黑线地图,每个地名都标注正确,网格对得齐。
地方美食风味地图
+3平静的彩绘地图,每个地区配一张小型风味图表,共用一个量表,图例坦诚。
插画城市地图制作
+3一片街区或小镇的手绘风地图,该准确的地方准确,标注精确。
墨线速写分镜
+3由一个短故事生成的粗犷黑墨分镜页:开放式线条,留白充足,每格一个节拍。
线稿 OG 图片生成
+3平静的链接预览图:米白卡片、简短的黑色标题,以及一个手绘墨线角色。
海洋生物学研究海报
+3一张宽幅研究海报,中央是绘制的栖息地剖面,带编号的物种和研究结果图表。
摄影构图研究
+3同一主题的三种摄影表现,每种都基于不同的构图原则。
速写笔记图片生成器
+3把文章或笔记变成一张手绘 4:3 速写笔记,标签精确并经过检查。
社交封面与缩略图生成器
+3输入一条信息,输出一组经过检查的 OG 图片、帖子封面和视频缩略图,每个尺寸都精确。
常见问题
这是真实的手机型号吗?
不是。手机是由代码绘制的通用折叠机,不带任何厂商的设计或标志,因此你的图片不会涉及他人的商标。
我需要安装什么?
Node 22 和 Google Chrome(或 Chromium、Edge)。脚本不使用任何 npm 包:它们在本地提供工作室服务,并驱动浏览器导出 PNG 和 MP4 文件。
屏幕能播放视频吗?
可以。两块屏幕都支持 MP4、WebM 或 MOV,也支持图片。导出时,录屏会逐帧推进,所以它与折叠动作保持同步。
PopNow 加了什么?
工作室本身画不出来的东西:为你的产品生成的背景、五秒的动态背景,以及短片的声音。每一项都是可选的,并在运行前以积分报价。

