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

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.

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

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 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

Tú dices

/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

  1. 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.
  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

  • 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.

Guías

How to put an animated social post on top of your videoA post on screen is instant social proof. How to animate an X-style post card with climbing likes and lay it over your footage, free, with the Social Post Card block.How to show a Reddit-style review in your videoForum posts read as unfiltered opinions. How to animate a Reddit-style post card over your footage, free, with the Community Post Card block.

Skills similares

Ver todo