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

Renderizado con este Skill

Tarjeta de función en órbita v1.0.0

Una tarjeta de función entra, orbita una esfera de puntos que gira siguiendo una trayectoria de cámara suave hecha en Blender y sale, todo en 10 segundos.

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

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 que convierte una función de tu producto en un momento 3D. Una tarjeta oscura con un recorte circular enmarca una esfera de puntos; entra por la derecha, flota, da una órbita completa alrededor de la esfera y sale por la izquierda, con un movimiento de cámara exportado desde Blender. El título de la función, la descripción, el color de acento y el ángulo de la órbita son variables.

Actualizado el 2 nov 2026

Qué obtienes

  • Un MP4 de 10 segundos a 1920×1080 con una tarjeta de función en 3D
  • Movimiento de cámara exportado desde Blender, reproducido con precisión de fotograma
  • Variables para título, descripción, acento y ángulo de órbita

Ideal para

  • Funciones destacadas en lanzamientos de apps y SaaS
  • Clips de changelog y notas de versión
  • Inserciones para recorridos de producto

No es para

  • Varias funciones en una sola tarjeta
  • Capturas reales de la app (muestra texto, no interfaz)

Sobre este Skill

Tú dices

/orbit-card Haz una tarjeta en órbita para la nueva función de nuestra app de hogar inteligente: título "Evening wind-down", descripción "Lights dim, blinds close and the heat drops at sunset.", acento #E8735A.

Cada función merece su propio momento. Orbit Card pone una función en una sola tarjeta: un título, una frase y una línea de acento, alrededor de una ventana redonda que enmarca una esfera de puntos girando. La trayectoria de cámara sale de un rig de Blender, así que la entrada, la flotación, la órbita completa y la salida parecen rodadas, no animadas a mano.

Cómo funciona

  1. Pide: dile a tu agente qué debe decir la tarjeta: el título de la función, una descripción de una frase y un color de acento.
  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

  • Una función por tarjeta. Para una lista de funciones, renderiza el bloque una vez por función y monta los clips seguidos.
  • Mantén la descripción por debajo de doce palabras; va en letra pequeña sobre la tarjeta.
  • Elige un acento de la paleta de tu marca; colorea la línea y el brillo de la esfera.
  • Pon la órbita en 180° para un giro más rápido o en 720° para uno más espectacular.

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
El nombre de una función, una frase corta sobre ella y tu color de acento.
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 una captura en la tarjeta?

Tal como viene, no: la tarjeta lleva un título y una frase alrededor de la esfera. Tu agente puede editar el HTML para añadir una imagen, pero el bloque está pensado para textos cortos.

¿Cómo hago una lista de funciones?

Renderiza el bloque una vez por función con variables distintas y monta los clips seguidos; cada uno empieza y termina vacío, así que encajan limpiamente.

¿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, Solenne.

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 turn your changelog into a weekly videoRelease notes get skimmed; a 45-second video gets watched. How to make a weekly changelog video that shows each change instead of listing it, with the free Changelog Video Skill.

Skills similares

Ver todo