
Renderizado con este Skill
Tarjeta de seguir (app de vídeos) v1.0.0
Una tarjeta de seguir al estilo TikTok con tu avatar, tu nombre y tu número de seguidores, y un botón rojo Follow que con un toque pasa a Following.
- Formato
- Formato corto · 9:16
- 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 llamada a seguir de 4,5 segundos con el estilo de las apps de vídeos cortos: una píldora de perfil oscura con avatar, nombre, usuario y número de seguidores aparece con un rebote y el botón rojo Follow pasa a Following con un toque. El nombre, el usuario, la cifra y el avatar se editan en el HTML; el fondo es transparente.
Actualizado el 3 nov 2026
Qué obtienes
- Una superposición de 4,5 segundos a 1080×1920 con fondo transparente
- Una tarjeta de perfil y un toque animado en Follow
- Instrucciones para superponerla a tu vídeo
Ideal para
- Tarjetas finales para TikTok, Reels y Shorts
- Marcas de restauración, comida y estilo de vida
- Canales de creadores
No es para
- Vídeos horizontales
- Llamadas a la acción largas
Sobre este Skill
/tiktok-follow Haz una tarjeta de seguir al estilo TikTok para Ember & Bun (@emberandbun, 212K seguidores) con la Double Stack como avatar, sobre nuestro plano de la hamburguesa.
El último segundo de un vídeo corto decide si alguien te sigue. Tarjeta de seguir (app de vídeos) le da a ese segundo una petición clara y conocida: tu perfil y un toque satisfactorio en Follow, sobre tu mejor plano.
Cómo funciona
- Pide: dile a tu agente tu nombre visible, tu usuario, tu número de seguidores y un avatar cuadrado, además del plano sobre el que va.
- 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
- Usa como avatar tu producto o tu cara más reconocibles.
- Mantén el nombre corto; los nombres largos pasan a dos líneas.
- 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.
- Combínala con un plano final potente del producto.
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
- Tu nombre, tu usuario, tu número de seguidores, un avatar cuadrado 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 traducir el texto del botón?
Sí. "Follow" y "Following" son texto plano en el HTML.
¿Hay una versión para apps de fotos?
Sí, la Tarjeta de seguir (app de fotos) es la misma idea con un botón azul.
¿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, Ember & Bun.







