Gratis
Halden Solace · 16:9
Renderizado con este Skill
Pila de capas en despiece v1.0.0
Cuatro placas isométricas se separan con una etiqueta junto a cada capa, se mantienen y luego vuelven a encajar en una sola pila.
Sin valoraciones todavía 0 descargas
- 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 momentos de "qué hay dentro" de 5 segundos. Cuatro placas isométricas se separan, cada una recibe una etiqueta numerada y su propio dibujo, las capas se mantienen y luego se cierran de nuevo en una sola pila. El título, los nombres de las cuatro capas, el acento y el fondo son variables.
Actualizado el 3 nov 2026
Qué obtienes
- Un MP4 de 5 segundos a 1920×1080
- Cuatro capas isométricas etiquetadas que se separan y vuelven a apilarse
- Variables para el título, los nombres de las capas y dos colores
Ideal para
- Momentos de producto de "qué hay dentro"
- Diagramas de arquitectura y de sistemas
- Explicaciones de funciones y onboarding
No es para
- Fotos de las capas reales del producto
- Más de cuatro capas
Sobre este Skill
Tú dices
/exploded-stack Haz una pila en despiece titulada "Inside the Halden Solace" con las capas Knit upper, Foam midsole, Carbon plate y Grip outsole. Acento #E2552B sobre un fondo blanco roto cálido.
Enseñar de qué está hecho algo genera confianza rápido. Exploded Layer Stack separa un producto o un sistema en cuatro capas etiquetadas y lo vuelve a montar, en cinco segundos. Se creó para arquitectura de software, y funciona igual de bien para una zapatilla, un colchón, una rutina de cuidado de la piel o un plan de precios.
Cómo funciona
- Pide: dile a tu agente un título y cuatro nombres de capa, de arriba abajo, además de un color de acento.
- 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
- Nombra cada capa con dos o tres palabras.
- Ordénalas como se construye de verdad el producto, de arriba abajo.
- Usa el color de tu marca como acento; ilumina la capa activa.
- Insértalo en un vídeo explicativo más largo como el momento de "cómo funciona".
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
- Un título, cuatro nombres de capa y un 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 usar más de cuatro capas?
El bloque tiene cuatro. Para más, tu agente puede renderizarlo dos veces con capas distintas y montarlas juntas.
¿Las placas pueden mostrar fotos de mi producto?
No. Las placas son dibujos sencillos; las etiquetas llevan el significado.
¿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, Halden Solace.
