
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.
- Formato
- Vídeo · 16:9
- Duración
- 0:15
Gratis Gratis con una cuenta
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
/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
- 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.
- Rellena: escribe tus textos y colores en las variables del bloque, con una longitud parecida a la que se pensó para el diseño.
- Renderiza: renderiza un borrador con
npx hyperframes render, revisa algunos fotogramas y renderiza el MP4 final. - 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.






