Grátis
Solenne · 16:9
Renderizado por este Skill
Card de recurso em órbita v1.0.0
Um card de recurso entra, orbita uma esfera de pontos girando num movimento de câmera suave do Blender e sai, tudo em 10 segundos.
Ainda sem avaliações 0 downloads
- Formato
- Vídeo · 16:9
- Duração
- 0:10
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 que transforma um recurso do produto num momento 3D. Um card escuro com um recorte circular enquadra uma esfera de pontos; ele entra pela direita, flutua, dá uma volta completa em torno da esfera e sai pela esquerda, com movimento de câmera exportado do Blender. O título do recurso, a descrição, a cor de destaque e o ângulo da órbita são variáveis.
Atualizado em 2 de nov. de 2026
O que você recebe
- Um MP4 de 10 segundos em 1920×1080 com um card de recurso em 3D
- Movimento de câmera exportado do Blender, reproduzido com precisão de quadro
- Variáveis para título, descrição, destaque e ângulo da órbita
Ideal para
- Destaques de recursos em lançamentos de apps e SaaS
- Clipes de changelog e notas de versão
- Inserções em tours de produto
Não é para
- Vários recursos num só card
- Capturas de tela reais do app (ele mostra texto, não interface)
Sobre este Skill
Você diz
/orbit-card Faça um orbit card para o novo recurso do nosso app de casa inteligente: título "Evening wind-down", descrição "Lights dim, blinds close and the heat drops at sunset.", destaque #E8735A.
Todo recurso merece seu próprio momento. O Orbit Card coloca um recurso num único card: um título, uma frase e uma linha de destaque, em volta de uma janela redonda que enquadra uma esfera de pontos girando. O movimento de câmera vem de um rig do Blender, então a entrada, a flutuação, a órbita completa e a saída parecem filmadas, e não animadas à mão.
Como funciona
- Peça: diga ao seu agente o que o card deve dizer: o título do recurso, uma descrição de uma frase e uma cor de destaque.
- 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
- Um recurso por card. Para uma lista de recursos, renderize o bloco uma vez por recurso e junte os clipes.
- Mantenha a descrição com menos de doze palavras; ela aparece pequena no card.
- Escolha um destaque da paleta da sua marca; ele colore a linha e o brilho da esfera.
- Defina a órbita em 180° para um giro mais rápido ou em 720° para um mais vistoso.
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
- O nome de um recurso, uma frase curta sobre ele e sua 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 mostrar uma captura de tela no card?
Não na versão original: o card traz um título e uma frase em volta da esfera. Seu agente pode editar o HTML para incluir uma imagem, mas o bloco foi pensado para textos curtos.
Como faço uma lista de recursos?
Renderize o bloco uma vez por recurso com variáveis diferentes e junte os clipes; cada um começa e termina vazio, então eles se emendam sem costura.
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 Solenne.
