Grátis
Maison Vey · 16:9
Renderizado por este Skill
Card de post social v1.0.0
Um card animado de post no estilo X que desliza sobre as suas imagens enquanto curtidas, reposts e visualizações vão subindo.
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 uma sobreposição de post de 5 segundos. Um card escuro de post com avatar, nome, @, selo de verificado, texto, horário e barra de engajamento desliza para dentro, a curtida fica rosa e os números sobem, e então ele some. Nome, @, texto e números são editados no HTML; o fundo é transparente para sobrepor ao vídeo.
Atualizado em 3 de nov. de 2026
O que você recebe
- Uma sobreposição de card de post de 5 segundos com fundo transparente
- Uma curtida animada e números de engajamento subindo
- Instruções para sobrepor às suas imagens
Ideal para
- Depoimentos e citações da imprensa
- Anúncios de lançamento em vídeos
- Vídeos explicativos que citam um post
Não é para
- Mostrar posts de outras pessoas sem permissão
- Um anúncio em tela cheia sozinho
Sobre este Skill
Você diz
/x-post Faça um card de post social para a Maison Vey (@maisonvey): "Ambre Nuit is here. Amber, smoked vanilla and a little night air, in a bottle you will want to keep on the shelf. #AmbreNuit", sobre a nossa cena do perfume.
Mostrar um ótimo post na tela é prova social num piscar de olhos. O Card de post social anima um no estilo conhecido do X, com a curtida estourando e os números subindo, para você colocar o depoimento de um cliente, um anúncio de lançamento ou uma avaliação sobre qualquer cena.
Como funciona
- Peça: diga ao seu agente o nome, o @, o texto do post e os números de engajamento, além da cena sobre a qual ele vai ficar.
- 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
- Mantenha o post abaixo de uns 140 caracteres para que ele fique em três linhas.
- Use uma imagem de avatar quadrada.
- O card tem fundo transparente, então renderize-o com canal alfa e coloque-o sobre as suas próprias imagens ou foto; o SKILL.md mostra os dois comandos.
- Remova o logo da plataforma se preferir um card neutro; nossa amostra faz isso.
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
- O texto do post, um nome e um @, um avatar e a cena para colocá-lo por cima.
- 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 mudar os números?
Sim. Respostas, reposts, curtidas e visualizações são texto simples no HTML.
Precisa aparecer o logo do X?
Não. O logo é um pequeno elemento no HTML; nossa amostra o remove para ter um card neutro.
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 Maison Vey.
