✦ Escolha do estúdio
Vael · 16:9
Renderizado por este Skill
Carrossel de cards em cubo v1.0.0
Uma fileira de cards 3D chanfrados segue uma onda em movimento, até que um card se destaca, vira para a câmera e fica.
Ainda sem avaliações 0 downloads
- Formato
- Vídeo · 16:9
- Duração
- 0:07
Grátis Grátis com uma conta
Cole isto no seu agente. Ele conecta a CLI se necessário e instala o Skill.
Um bloco gratuito do HyperFrames para carrosséis curtos de conteúdo. Até doze cards em forma de bloco, cada um com uma categoria, um título e duas etiquetas pequenas, seguem uma onda numa cena 3D iluminada; o card principal se solta, gira e para de frente. Os cards são definidos numa única variável JSON, e as luzes, os materiais e a câmera também são variáveis.
Atualizado em 2 de nov. de 2026
O que você recebe
- Um MP4 de 6,7 segundos em 1920×1080 com uma onda de cards 3D iluminada
- Até doze cards a partir de uma única lista JSON
- Um card principal que se destaca e fica em cena
Ideal para
- Lançamentos de produto e teasers de coleção
- Roadmaps, listas de tarefas e listas de recursos
- Programações de eventos e line-ups
Não é para
- Fotos nos cards (eles trazem texto)
- Textos longos; cada card mostra só algumas palavras
Sobre este Skill
Você diz
/cuboid-carousel Faça um cuboid carousel para o lançamento da nossa bolsa com oito cards: categoria "Vael Cerise", títulos como "Cherry leather tote", "Brass hardware" e "Room for a laptop", etiquetas de estoque e preço. Termine em "The Cerise tote is here".
Um carrossel com peso. O Cuboid Carousel monta seus cards como blocos chanfrados com iluminação e sombras reais, coloca-os numa onda em movimento e passa por eles com uma câmera de estilo na mão. Então o card principal que você escolher sai da fileira, dá uma cambalhota e pousa de frente para a câmera no fechamento.
Como funciona
- Peça: diga ao seu agente o que o carrossel deve dizer: um card por item, cada um com uma categoria, um título e duas etiquetas, como um status e uma data ou um preço.
- Monte: ele coloca o bloco num projeto HyperFrames e preenche seus textos e suas cores como variáveis de renderização.
- Prévia: confere alguns quadros e então renderiza um MP4 em 1920×1080 com
npx hyperframes render. - Reaproveite: as variáveis ficam num único arquivo JSON, então um título novo ou uma marca nova é só mais uma renderização.
Dicas
- Escreva títulos de duas a cinco palavras; eles ficam numa face pequena.
- Escolha como card principal aquele com que você quer terminar.
- Luzes principal e inferior quentes valorizam cards escuros; deixe o fundo mais escuro que os cards.
- Com 6,7 segundos, ele roda bem em loop nos feeds; renderize duas vezes seguidas para um corte mais longo.
Código aberto
Este é um bloco do registro do HyperFrames. Feito pela HeyGen e pelos colaboradores do HyperFrames (heygen-com/hyperframes) e compartilhado sob a Apache License 2.0. O download é o bloco com seus arquivos, pronto para renderizar; o HyperFrames em si roda pelo npm.
O que você precisa antes de começar
- Você fornece
- Uma lista de cards: uma categoria, um título curto e duas etiquetas para cada um.
- Dependências
- Node.js 22 ou superior — obrigatório · FFmpeg — obrigatório
- Custos externos
- Nenhum. O HyperFrames é gratuito, de código aberto e renderiza no seu próprio computador.
- Último teste
- v1.0.0 —
Avaliações de usuários
Ainda não há avaliações. Instale o Skill e seja o primeiro a avaliar.
Perguntas frequentes
Quantos cards posso usar?
De um a doze. Passe-os como uma lista JSON na variável cards e escolha qual vira o card principal.
Posso mudar o visual dos blocos?
Sim. Tamanho, espessura, raio dos cantos, chanfro, cor do corpo, rugosidade, aspecto metálico e cada uma das luzes são variáveis.
Por que é grátis?
É um Skill de código aberto da HeyGen e dos colaboradores do HyperFrames. Nós o listamos como está, com uma amostra feita rodando-o numa das nossas marcas da casa, a Vael.
