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

Renderizado con este Skill

Carrusel de tarjetas cúbicas v1.0.0

Una cadena de tarjetas 3D biseladas avanza sobre una ola en movimiento; luego una se separa, gira hacia la cámara y se queda.

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

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 carruseles de contenido cortos. Hasta doce tarjetas cúbicas, cada una con una categoría, un título y dos pequeñas etiquetas, avanzan sobre una ola por una escena 3D iluminada; la tarjeta protagonista se separa, gira y se asienta de frente. Las tarjetas se definen con una sola variable JSON, y las luces, los materiales y la cámara también son variables.

Actualizado el 2 nov 2026

Qué obtienes

  • Un MP4 de 6,7 segundos a 1920×1080 con una ola de tarjetas 3D iluminadas
  • Hasta doce tarjetas a partir de una lista JSON
  • Una tarjeta protagonista que se separa y se queda

Ideal para

  • Lanzamientos de producto y avances de colecciones
  • Hojas de ruta, listas de tareas y listas de funciones
  • Agendas de eventos y carteles

No es para

  • Fotos en las tarjetas (llevan texto)
  • Textos largos; cada tarjeta muestra solo unas pocas palabras

Sobre este Skill

Tú dices

/cuboid-carousel Haz un carrusel cúbico para el lanzamiento de nuestro bolso con ocho tarjetas: categoría "Vael Cerise", títulos como "Cherry leather tote", "Brass hardware" y "Room for a laptop", etiquetas de stock y precio. Termina en "The Cerise tote is here".

Un carrusel con peso. Cuboid Carousel construye tus tarjetas como bloques biselados con iluminación y sombras reales, las coloca sobre una ola en movimiento y pasa junto a ellas con una cámara de estilo cámara en mano. Después, la tarjeta protagonista que elijas se separa de la cadena, da una voltereta y aterriza mirando a cámara para el cierre.

Cómo funciona

  1. Pide: dile a tu agente qué debe decir el carrusel: una tarjeta por elemento, cada una con una categoría, un título y dos etiquetas, como un estado y una fecha o un precio.
  2. Prepara: coloca el bloque en un proyecto de HyperFrames y rellena tus textos y colores como variables de renderizado.
  3. Previsualiza: revisa algunos fotogramas y luego renderiza un MP4 a 1920×1080 con npx hyperframes render.
  4. Reutiliza: las variables están en un solo archivo JSON, así que un titular nuevo o una marca nueva es solo un renderizado más.

Consejos

  • Escribe títulos de dos a cinco palabras; van en una cara pequeña.
  • Elige como protagonista la tarjeta con la que quieres terminar.
  • Las luces principal e inferior cálidas favorecen las tarjetas oscuras; mantén el fondo más oscuro que las tarjetas.
  • Con 6,7 segundos funciona bien en bucle en los feeds; renderízalo dos veces seguidas para una versión más larga.

Código abierto

Es un bloque del registro de HyperFrames. Lo han creado HeyGen y los colaboradores de HyperFrames (heygen-com/hyperframes) y se comparte con la Apache License 2.0. La descarga es el bloque con sus recursos, listo para renderizar; HyperFrames se ejecuta desde npm.

Qué necesitas antes de empezar

Tú aportas
Una lista de tarjetas: una categoría, un título corto y dos etiquetas para cada una.
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

¿Cuántas tarjetas puedo usar?

De una a doce. Pásalas como lista JSON en la variable de tarjetas y elige cuál será la protagonista.

¿Puedo cambiar el aspecto de los bloques?

Sí. El tamaño, el grosor, el radio de las esquinas, el bisel, el color del cuerpo, la rugosidad, el aspecto metálico y cada una de las luces son variables.

¿Por qué es gratis?

Es un Skill de código abierto de HeyGen y los colaboradores de HyperFrames. Lo listamos tal cual, con una muestra hecha ejecutándolo sobre una de nuestras marcas de la casa, Vael.

Guías

How to make a feature highlight video for your app launchA launch video works best one feature at a time. How to give each feature its own short 3D moment with the free Orbit Card block.How to make a 3D card carousel video for a product dropCarousels are the native format for drops, lists and line-ups. How to turn a list into a lit 3D card wave with the free Cuboid Card Carousel block.How to make a motion graphics product video with an AI agentAI agents can now direct motion design, not just fill templates. What separates a showreel-grade piece from a template, and how to get one with the free Motion Reel Skill.

Skills similares

Ver todo