iPhone Duo 样机v1.0.0
使用这个 Skill：制作品牌社媒短片。
5.02 次下载1 次喜欢0 次收藏
$4.99
购买这个 Skill 能获得什么？把你的 App、网站或视频放进一台真实的 3D iPhone Duo 折叠屏手机，在浏览器里自由折叠、展开。Agent 会把你的图片或视频分别放进内侧大屏和外侧小屏，设置角度、画幅和背景，并导出透明背景 PNG，或 1080p、2K、4K 的 60 fps 折叠动画 MP4。你还会拿到样机工作室的完整 HTML 源码，可以改造成自己的工具或页面。
更新于 2026年10月20日
效果预览
相似 Skill
查看全部 Skills
你将获得
- 一台可以在浏览器里折叠、展开的真实 3D iPhone Duo，内侧大屏和外侧小屏都换成你自己的图片或视频。
- 任意姿态的透明背景 PNG，以及 60 fps 折叠动画 MP4（展开、合上或两者都有），支持 1080p、2K、4K，画幅可选 16:9、1:1、4:5、9:16。
- 样机工作室的完整 HTML 源码和源码地图，Agent 可以把它改成你自己的样机工具、产品页或发布动画。
适合
- App 和网站开发者：想在发布帖、App Store 页面或 README 里，把新界面、新功能放到 iPhone Duo 上展示。
- 设计师：需要内外屏分开、透明背景或短动效的折叠屏样机。
- 创始人和营销人员：要快速做一条产品短片发到 X、LinkedIn、Reels 或落地页。
不适合
- 其他手机、平板或笔记本的样机；这个工作室只有 iPhone Duo。
- 可交互原型；屏幕显示的是图片或视频，不能点击。
- 带人手、场景的生活方式实拍样机；手机悬浮在干净的背景上。
社交内容与营销活动产品发布与应用增长制作品牌社媒短片Create Product Mockup成果可编辑3d Device Mockup
适合做品牌宣传短片
关于此 Skill
iPhone Duo 样机
一个 Skill，把你的 App、网站或视频放进真实的 3D iPhone Duo（苹果折叠屏手机）。拖动手机即可折叠，点击即可打开或合上；铰链转动时，屏幕内容会模糊、滑动，再逐渐对焦。可以导出透明 PNG 或折叠动画 MP4，也可以拿完整源码做成你自己的工具。
使用流程
- 准备屏幕内容：给 Agent 一张截图或一段录屏放进内侧大屏，愿意的话再给一份放进外侧小屏。
- 选择样式：画幅（16:9、1:1、4:5、9:16）、角度、背景（透明、纯色、风景或渐变照片，或你自己的图片）和尺寸（1080p、2K、4K）。
- 打开工作室：Agent 会在你的浏览器里打开预先设置好的工作室。你可以继续调整、拖入新文件，然后点 PNG 或视频导出。
- 只要成品文件：直接要导出文件也可以，Agent 会在后台无界面渲染，检查无误后交给你。
两块屏幕
| 屏幕 | 比例 | 推荐尺寸 |
|---|---|---|
| 大屏（内屏） | 横版，约 1.42 : 1 | 2048 x 1440 |
| 小屏（外屏） | 竖版，约 0.69 : 1 | 1032 x 1500 |
图片和视频都支持。「填满」会裁切到屏幕比例（用位置滑块选择保留哪部分），「完整显示」会保留全部画面并用颜色填充四周。
你会得到
- 任意姿态的透明背景 PNG。
- 60 fps 折叠动画 MP4：展开、合上或展开再合上，2 到 12 秒，可选镜头轻摆。
- 工作室完整源码（一个 HTML 文件加素材）和源码地图，方便 Agent 改造成你自己的产品页或样机工具。
运行要求
Node.js 18 及以上，以及支持 WebGL 2 的桌面浏览器。无界面导出还需要 playwright-core 和 Google Chrome 或 Playwright Chromium。不需要 API Key，文件不会上传。
3D 手机模型和示例主屏上的 App 图标来自 Apple，版权归 Apple 所有。
开始前需要准备什么
- 你需要提供
- 一张放进内侧大屏的截图或录屏（横版，约 2048 x 1440）。 · 可选：外侧小屏的文件（竖版，约 1032 x 1500），以及背景、画幅、角度、尺寸，和你要 PNG、MP4 还是两者都要。
- 依赖项
- Node.js 18 及以上：必需 · 支持 WebGL 2 的现代桌面浏览器：必需 · playwright-core 搭配 Google Chrome 或 Playwright Chromium：可选，用于无界面导出
- 外部成本
- 没有额外费用：工作室在你的浏览器本地运行，不需要 API Key，也没有付费服务。
- 最近实测
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…