Gratis
Solenne · 16:9
Renderizado con este Skill
Notificación de escritorio v1.0.0
Un banner de notificación animado al estilo macOS entra deslizándose con el icono de tu app, un título y un mensaje, y luego desaparece.
Sin valoraciones todavía 0 descargas
- Formato
- Vídeo · 16:9
- Duración
- 0:05
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 una notificación de escritorio de 5 segundos. Un banner esmerilado con el icono de tu app, su nombre, un título y un mensaje de una línea entra deslizándose arriba a la derecha, se mantiene y sale. El texto y el icono se editan en el HTML; el fondo es transparente para colocarlo sobre una grabación de pantalla o un fondo de escritorio.
Actualizado el 3 nov 2026
Qué obtienes
- Una superposición de notificación de 5 segundos a 1920×1080 con fondo transparente
- Un icono de app, nombre, título y mensaje
- Instrucciones para colocarla sobre una grabación de pantalla
Ideal para
- Demos de SaaS y apps
- Tutoriales y vídeos explicativos
- Anuncios de funciones
No es para
- Vídeos solo en vertical
- Mensajes largos
Sobre este Skill
Tú dices
/macos-notification Haz una notificación de escritorio de Solenne: título "Evening wind-down is on", mensaje "Lights dimmed to 35%, blinds closed and the heating eased to 19°", sobre nuestra foto del salón.
Una notificación de escritorio es la forma más rápida de mostrar que tu producto acaba de hacer algo. Notificación de escritorio anima una con el estilo de macOS que todos conocen sobre tu grabación de pantalla o tu fondo de escritorio: "Evening wind-down is on", "Payment received", "Your export is ready".
Cómo funciona
- Pide: dile a tu agente el nombre y el icono de tu app, un título y un mensaje de una línea.
- 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
- Escribe el título como el resultado, no como la función.
- Mantén el mensaje en una sola línea.
- El fondo es transparente, así que renderízalo con canal alfa y colócalo sobre tu propio vídeo, una foto o un color liso; el SKILL.md incluye los dos comandos.
- No tiene variables: tu agente edita los textos y las cifras 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 nombre de tu app, un icono cuadrado, un título y un mensaje de una línea.
- 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
¿Puedo mostrar varias notificaciones?
Renderízalo una vez por notificación y apila los clips en tu montaje, o pide a tu agente que duplique el banner en el HTML.
¿Aparece un logo de Apple?
No. Muestra el icono y el nombre de tu propia app en un banner al estilo macOS.
¿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.
