
Renderizado con este Skill
Tarjeta de publicación social v1.0.0
Una tarjeta animada de publicación al estilo X que entra deslizándose sobre tu vídeo mientras suben los me gusta, los reposts y las visualizaciones.
- 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 superposición de publicación de 5 segundos. Entra deslizándose una tarjeta oscura de publicación con avatar, nombre, usuario, insignia de verificación, texto, fecha y barra de interacciones; el me gusta se vuelve rosa y las cifras suben, y luego se desvanece. El nombre, el usuario, el texto y las cifras se editan en el HTML; el fondo es transparente para superponerla a un vídeo.
Actualizado el 3 nov 2026
Qué obtienes
- Una superposición de tarjeta de publicación de 5 segundos con fondo transparente
- Un me gusta animado y cifras de interacción que suben
- Instrucciones para superponerla a tu vídeo
Ideal para
- Testimonios y citas de prensa
- Anuncios de lanzamiento dentro de vídeos
- Vídeos explicativos que citan una publicación
No es para
- Mostrar publicaciones de otras personas sin permiso
- Un anuncio a pantalla completa por sí solo
Sobre este Skill
/x-post Haz una tarjeta de publicación social para Maison Vey (@maisonvey): "Ambre Nuit is here. Amber, smoked vanilla and a little night air, in a bottle you will want to keep on the shelf. #AmbreNuit", sobre nuestro plano del perfume.
Citar una gran publicación en pantalla es prueba social de un vistazo. Tarjeta de publicación social anima una con el estilo de X que todos conocen, con el me gusta saltando y las cifras subiendo, para que puedas colocar la cita de un cliente, el anuncio de un lanzamiento o una reseña sobre cualquier plano.
Cómo funciona
- Pide: dile a tu agente el nombre, el usuario, el texto de la publicación y las cifras de interacción, y el plano sobre el que debe ir.
- 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
- Mantén la publicación por debajo de unos 140 caracteres para que ocupe tres líneas.
- Usa una imagen de avatar cuadrada.
- La tarjeta tiene fondo transparente, así que renderízala con canal alfa y colócala sobre tu propio vídeo o foto; el SKILL.md incluye los dos comandos.
- Quita el logo de la plataforma si prefieres una tarjeta neutra; nuestra muestra lo hace.
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 publicación, un nombre y un usuario, un avatar y el plano sobre el que colocarla.
- 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 cambiar las cifras?
Sí. Las respuestas, los reposts, los me gusta y las visualizaciones son texto plano en el HTML.
¿Tiene que aparecer el logo de X?
No. El logo es un pequeño elemento del HTML; nuestra muestra lo quita para tener una tarjeta neutra.
¿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, Maison Vey.






