Grátis
Halden Solace · 16:9
Renderizado por este Skill
Pilha de camadas explodida v1.0.0
Quatro placas isométricas se separam com um rótulo ao lado de cada camada, ficam no ar e depois voltam a formar uma única pilha.
Ainda sem avaliações 0 downloads
- Formato
- Vídeo · 16:9
- Duração
- 0:05
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 momentos de "o que tem dentro" em 5 segundos. Quatro placas isométricas se afastam, cada uma ganha um rótulo numerado e seu próprio desenho, as camadas ficam paradas por um instante e então se fecham de novo numa única pilha. O título, os nomes das quatro camadas, o destaque e o fundo são variáveis.
Atualizado em 3 de nov. de 2026
O que você recebe
- Um MP4 de 5 segundos em 1920×1080
- Quatro camadas isométricas com rótulos que se separam e voltam a se empilhar
- Variáveis para o título, os nomes das camadas e duas cores
Ideal para
- Momentos de "o que tem dentro" do produto
- Diagramas de arquitetura e de sistemas
- Explicações de recursos e onboarding
Não é para
- Fotos das camadas reais do produto
- Mais de quatro camadas
Sobre este Skill
Você diz
/exploded-stack Faça uma pilha explodida com o título "Inside the Halden Solace" e as camadas Knit upper, Foam midsole, Carbon plate e Grip outsole. Destaque #E2552B num fundo off-white quente.
Mostrar do que algo é feito gera confiança rápido. O Exploded Layer Stack desmonta um produto ou sistema em quatro camadas com rótulos e monta tudo de novo, em cinco segundos. Ele foi criado para arquitetura de software e funciona igualmente bem para um tênis, um colchão, uma rotina de skincare ou um plano de preços.
Como funciona
- Peça: diga ao seu agente um título e os nomes das quatro camadas, de cima para baixo, além de uma cor de destaque.
- Preencha: ele escreve seus textos e suas cores nas variáveis do bloco, mantendo os textos perto do tamanho para o qual o layout foi feito.
- Renderize: ele renderiza um rascunho com
npx hyperframes render, confere alguns quadros e renderiza o MP4 final. - Reaproveite: as variáveis ficam num pequeno arquivo JSON, então a próxima versão é só mais uma renderização.
Dicas
- Dê a cada camada um nome de duas ou três palavras.
- Ordene as camadas do jeito que o produto é feito de verdade, de cima para baixo.
- Use a cor da sua marca como destaque; ela ilumina a camada ativa.
- Encaixe num vídeo explicativo mais longo como o momento de "como funciona".
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 e um SKILL.md escrito pela Reelity, para que seu agente saiba preenchê-lo e renderizá-lo; o HyperFrames em si roda pelo npm.
O que você precisa antes de começar
- Você fornece
- Um título, os nomes de quatro camadas e uma cor de destaque.
- 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
Posso usar mais de quatro camadas?
O bloco tem quatro. Para mais, seu agente pode renderizá-lo duas vezes com camadas diferentes e juntar os clipes.
As placas podem mostrar fotos do meu produto?
Não. As placas são desenhos simples; os rótulos carregam o significado.
Por que é grátis?
É um bloco de código aberto do HyperFrames, da HeyGen e dos colaboradores do HyperFrames. Nós o listamos como está, com um SKILL.md para que seu agente possa usá-lo e uma amostra feita com uma das nossas marcas da casa, a Halden Solace.
