
Galerie d'aperçus
Skills similaires
Voir tous les SkillsCe que vous obtenez
- Un véritable iPhone Duo en 3D qui se plie et se déplie dans votre navigateur, avec votre image ou vidéo sur le grand écran intérieur et le petit écran extérieur.
- Un PNG transparent de n’importe quelle pose et un MP4 à 60 i/s du pliage (ouvrir, fermer ou les deux) en 1080p, 2K ou 4K, au format 16:9, 1:1, 4:5 ou 9:16.
- Le code HTML complet du studio avec une carte du code, pour que votre agent en fasse votre outil de mockup, votre page produit ou votre animation de lancement.
Idéal pour
- Les développeurs d’apps et de sites qui veulent montrer un nouvel écran ou une nouvelle fonction sur l’iPhone Duo dans un post de lancement, sur l’App Store ou dans un README.
- Les designers qui ont besoin de mockups pliables avec écrans intérieur et extérieur séparés, un fond transparent ou un court clip animé.
- Les fondateurs et marketeurs qui préparent vite un clip produit pour X, LinkedIn, Reels ou une landing page.
Pas pour
- Les mockups d’autres téléphones, tablettes ou ordinateurs portables ; le studio ne modélise que l’iPhone Duo.
- Les prototypes interactifs ; les écrans affichent des images ou des vidéos, pas des apps cliquables.
- Les mockups photo avec des mains ou un décor ; le téléphone flotte sur un fond épuré.
À propos de ce Skill

Mockup iPhone Duo
Une Skill qui place votre app, votre site ou votre vidéo sur un véritable iPhone Duo en 3D, l’iPhone pliable. Faites glisser le téléphone pour le plier, cliquez pour l’ouvrir ou le fermer, et regardez les écrans se flouter, glisser puis redevenir nets pendant que la charnière tourne. Exportez un PNG transparent ou un MP4 du pliage, ou partez du code complet pour créer votre propre outil.
Fonctionnement
- Vos écrans : donnez à votre agent une capture ou un enregistrement d’écran pour le grand écran intérieur et, si vous voulez, un autre pour le petit écran extérieur.
- Votre style : format (16:9, 1:1, 4:5 ou 9:16), angle, fond (transparent, une couleur, une photo de paysage ou de dégradé, ou votre propre image) et taille (1080p, 2K ou 4K).
- Le studio s’ouvre : votre agent l’ouvre dans votre navigateur avec tout préchargé. Modifiez ce que vous voulez, déposez de nouveaux fichiers, puis cliquez sur PNG ou Vidéo.
- Seulement les fichiers : demandez les exports, votre agent les rend sans interface et les vérifie avant de vous les remettre.
Les deux écrans
| Écran | Format | Taille idéale |
|---|---|---|
| Grand (intérieur) | paysage, environ 1,42 : 1 | 2048 x 1440 |
| Petit (extérieur) | portrait, environ 0,69 : 1 | 1032 x 1500 |
Images et vidéos sont acceptées. Remplir recadre à l’écran (les curseurs de position choisissent ce qui reste visible) ; En entier montre tout avec une couleur autour.
Ce que vous obtenez
- Un PNG transparent de n’importe quelle pose.
- Un MP4 à 60 i/s du pliage : ouvrir, plier ou ouvrir puis fermer, de 2 à 12 secondes, avec balancement de caméra en option.
- Le code complet du studio (un fichier HTML et ses ressources) et une carte du code, pour que votre agent en fasse votre page produit ou votre outil de mockup.
Prérequis
Node.js 18 ou plus récent et un navigateur de bureau avec WebGL 2. Les exports sans interface demandent aussi playwright-core avec Google Chrome ou Playwright Chromium. Aucune clé d’API, rien n’est envoyé.
Le modèle 3D du téléphone et les icônes d’apps de l’écran d’accueil de démonstration proviennent d’Apple et restent sa propriété.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Une capture ou un enregistrement d’écran pour le grand écran intérieur (paysage, environ 2048 x 1440). · En option : un fichier pour le petit écran extérieur (portrait, environ 1032 x 1500), le fond, le format, l’angle, la taille et si vous voulez un PNG, un MP4 ou les deux.
- Dépendances
- Node.js 18 ou plus récent — requis · Un navigateur de bureau récent avec WebGL 2 — requis · playwright-core avec Google Chrome ou Playwright Chromium — facultatif, pour les exports sans interface
- Coûts externes
- Aucun coût supplémentaire : le studio tourne dans votre navigateur, sans clé d’API ni service payant.
- Dernier test
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…







