
Preview gallery
Similar Skills
View all skillsWhat you get
- A real 3D iPhone Duo that folds and unfolds in your browser, with your own image or video on the big inner screen and the small cover screen.
- A transparent PNG of any pose and a 60 fps MP4 of the fold (open, close or both) in 1080p, 2K or 4K, framed 16:9, 1:1, 4:5 or 9:16.
- The complete HTML source of the mockup studio, with a source map, so your agent can turn it into your own mockup tool, product page or launch animation.
Good fit
- App and web developers showing a new screen or feature on the iPhone Duo for a launch post, App Store page or README.
- Designers who need foldable mockups with separate inner and cover screens, a transparent background or a short motion clip.
- Founders and marketers making a quick product clip for X, LinkedIn, Reels or a landing page.
Not for
- Mockups of other phones, tablets or laptops; this studio models the iPhone Duo only.
- Interactive prototypes; the screens show images or videos, not clickable apps.
- Hand-held or lifestyle photo mockups with people or rooms; the phone floats on a clean background.
Social Media Content & CampaignsProduct Launch & App GrowthCreate Social Brand VideoCreate Product MockupEditable Output3d Device Mockup
Good forPromo videos
About this Skill

What you need before you start
- You bring
- A screenshot or screen recording for the big inner screen (landscape, about 2048 x 1440). · Optional: a file for the small cover screen (portrait, about 1032 x 1500), the background, frame, angle, size and whether you want a PNG, an MP4 or both.
- Dependencies
- Node.js 18 or newer — required · A modern desktop browser with WebGL 2 — required · playwright-core with Google Chrome or Playwright Chromium — optional, for headless exports
- Outside costs
- No extra costs: the studio runs locally in your browser, with no API key and no paid service.
- Last tested
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…







