Todos los Skills de vídeo Premium en un solo plan. Cancela cuando quieras.Ver planes
Solenne · 16:9

Renderizado con este Skill

Escritorio en portátil 3D v1.0.0

Un portátil 3D se abre sobre un escritorio de cristal líquido: barra de menús, widgets, una ventana de archivos, una notificación y un dock, todo editable.

Sin valoraciones todavía 0 descargas
Formato
Vídeo · 16:9
Duración
0:15

Gratis Gratis con una cuenta

Inicia sesión para descargar

Pega esto en tu agente. Conecta la CLI si hace falta y luego instala el Skill.

Un bloque gratuito de HyperFrames para 15 segundos de planos recurso con un portátil 3D. Un portátil 3D descansa sobre un escritorio bajo una luz con shader; su pantalla muestra un escritorio de cristal líquido con barra de menús, widgets de calendario, tiempo y reproducción en curso, una ventana de archivos, una notificación y un dock, que se animan por turnos. Todo el contenido de la pantalla es HTML editable.

Actualizado el 4 nov 2026

Qué obtienes

  • Un MP4 de 15 segundos a 1920×1080 con un portátil 3D
  • Un escritorio de cristal líquido con widgets, una ventana, una notificación y un dock
  • HTML editable para toda la pantalla

Ideal para

  • Lanzamientos de SaaS y apps de escritorio
  • Cabeceras de webs y landing pages
  • Planos recurso para keynotes

No es para

  • Una grabación de pantalla real de tu app
  • Formatos solo verticales

Sobre este Skill

Tú dices

/macos-tahoe-liquid-glass Haz un escritorio en portátil 3D para Solenne: una ventana de Solenne con Scenes, Rooms y Plans, una notificación "Evening wind-down starts at 16:14" e iconos neutros en el dock.

El software parece real en hardware real. Escritorio en portátil 3D pone un escritorio completo de cristal líquido en un portátil 3D (widgets, una ventana, una notificación, un dock) para que tu producto aparezca en un entorno pulido en vídeos de lanzamiento y landing pages.

Cómo funciona

  1. Pide: dile a tu agente el título y los elementos de la ventana, el contenido de los widgets, la notificación y los iconos del dock.
  2. Rellena: escribe tus textos y colores en las variables del bloque, con una longitud parecida a la que se pensó para el diseño.
  3. Renderiza: renderiza un borrador con npx hyperframes render, revisa algunos fotogramas y renderiza el MP4 final.
  4. Reutiliza: las variables viven en un pequeño archivo JSON, así que la siguiente versión es solo un renderizado más.

Consejos

  • Sustituye los iconos del dock por defecto por los tuyos o por otros neutros; nuestra muestra lo hace.
  • Ponle a la ventana el nombre de tu producto.
  • Limita la notificación a una línea.
  • No tiene variables: tu agente edita el texto directamente en el HTML, siguiendo el SKILL.md.

Código abierto

Es un bloque del registro de HyperFrames, creado por HeyGen y los colaboradores de HyperFrames (heygen-com/hyperframes) y compartido con la Apache License 2.0. La descarga es el bloque con sus recursos y un SKILL.md escrito por Reelity, para que tu agente sepa rellenarlo y renderizarlo; HyperFrames se ejecuta desde npm.

Qué necesitas antes de empezar

Tú aportas
El texto de la ventana, los widgets y la notificación que quieras, y tus colores.
Dependencias
Node.js 22 o posterior — obligatorio · FFmpeg — obligatorio
Costes externos
Ninguno. HyperFrames es gratuito y de código abierto, y renderiza en tu propio ordenador.
Última prueba
v1.0.0 —

Opiniones de usuarios

Aún no hay opiniones. Instala el Skill y sé el primero en valorarlo.

Preguntas frecuentes

¿Viene con iconos de apps reales?

El original incluye en el dock iconos de apps conocidas como marcadores de posición. Sustitúyelos; nuestra muestra usa iconos neutros generados.

¿Puedo cambiar el fondo de pantalla?

Sí. El fondo de pantalla es una imagen dentro del HTML.

¿Por qué es gratis?

Es un bloque de código abierto de HyperFrames, obra de HeyGen y los colaboradores de HyperFrames. Lo listamos tal cual, con un SKILL.md para que tu agente pueda usarlo y una muestra hecha con una de nuestras marcas de la casa, Solenne.

Guías

How to make a 3D phone mockup video for your appDevice b-roll makes any app look shipped. How to render a 3D phone with a liquid-glass home screen and your app on it, free, with the 3D Phone Home Screen block.How to make a 3D laptop mockup video for your productSoftware looks real on real hardware. How to put your product on a 3D laptop with a liquid-glass desktop, free, with the 3D Laptop Desktop block.

Skills similares

Ver todo