
Galería de vista previa
Skills similares
Ver todas las SkillsLo que obtienes
- Un iPhone Duo 3D real que se pliega y despliega en tu navegador, con tu imagen o vídeo en la pantalla grande interior y en la pequeña exterior.
- Un PNG transparente de cualquier pose y un MP4 a 60 fps del pliegue (abrir, cerrar o ambos) en 1080p, 2K o 4K, en formato 16:9, 1:1, 4:5 o 9:16.
- El código HTML completo del estudio con un mapa del código, para que tu agente lo convierta en tu propia herramienta de mockups, página de producto o animación de lanzamiento.
Ideal para
- Desarrolladores de apps y webs que quieren mostrar una pantalla o función nueva en el iPhone Duo en un lanzamiento, en la App Store o en un README.
- Diseñadores que necesitan mockups plegables con pantallas interior y exterior por separado, fondo transparente o un clip corto en movimiento.
- Fundadores y marketers que preparan rápido un clip de producto para X, LinkedIn, Reels o una landing page.
No es para
- Mockups de otros teléfonos, tabletas o portátiles; el estudio solo modela el iPhone Duo.
- Prototipos interactivos; las pantallas muestran imágenes o vídeos, no apps en las que hacer clic.
- Mockups fotográficos con manos o ambientes; el teléfono flota sobre un fondo limpio.
Acerca de esta Skill

Mockup de iPhone Duo
Una Skill que pone tu app, web o vídeo en un iPhone Duo 3D real, el iPhone plegable. Arrastra el teléfono para plegarlo, haz clic para abrirlo o cerrarlo y verás cómo las pantallas se desenfocan, se deslizan y vuelven a enfocarse mientras gira la bisagra. Exporta un PNG transparente o un MP4 del pliegue, o usa el código completo para crear tu propia herramienta.
Cómo funciona
- Tus pantallas: dale a tu agente una captura o una grabación de pantalla para la pantalla grande interior y, si quieres, otra para la pantalla pequeña exterior.
- Tu estilo: formato (16:9, 1:1, 4:5 o 9:16), ángulo, fondo (transparente, un color, una foto de paisaje o degradado, o tu propia imagen) y tamaño (1080p, 2K o 4K).
- Se abre el estudio: tu agente lo abre en tu navegador con todo cargado. Cambia lo que quieras, arrastra archivos nuevos y pulsa PNG o Vídeo.
- Solo archivos: pide las exportaciones y tu agente las renderiza sin interfaz y las revisa antes de entregarlas.
Las dos pantallas
| Pantalla | Forma | Tamaño ideal |
|---|---|---|
| Grande (interior) | horizontal, unos 1,42 : 1 | 2048 x 1440 |
| Pequeña (exterior) | vertical, unos 0,69 : 1 | 1032 x 1500 |
Admite imágenes y vídeos. Rellenar recorta a la pantalla (los controles de posición eligen qué se ve); Completa muestra todo con un color alrededor.
Qué obtienes
- Un PNG transparente de cualquier pose.
- Un MP4 a 60 fps del pliegue: desplegar, plegar o abrir y cerrar, de 2 a 12 segundos, con vaivén de cámara opcional.
- El código completo del estudio (un HTML más recursos) y un mapa del código, para que tu agente lo convierta en tu página de producto o herramienta de mockups.
Requisitos
Node.js 18 o superior y un navegador de escritorio con WebGL 2. Las exportaciones sin interfaz también necesitan playwright-core con Google Chrome o Playwright Chromium. Sin clave de API y sin subir nada.
El modelo 3D del teléfono y los iconos de apps de la pantalla de inicio de demostración son de Apple y siguen siendo de su propiedad.
Lo que necesitas antes de empezar
- Tú aportas
- Una captura o grabación de pantalla para la pantalla grande interior (horizontal, unos 2048 x 1440). · Opcional: un archivo para la pantalla pequeña exterior (vertical, unos 1032 x 1500), el fondo, el formato, el ángulo, el tamaño y si quieres PNG, MP4 o ambos.
- Dependencias
- Node.js 18 o superior — obligatorio · Un navegador de escritorio moderno con WebGL 2 — obligatorio · playwright-core con Google Chrome o Playwright Chromium — opcional, para exportar sin interfaz
- Costos externos
- Sin costes adicionales: el estudio funciona en tu navegador, sin clave de API ni servicios de pago.
- Última prueba
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…







