✦ Escolha do estúdio
Aurelle · 9:16
Renderizado por este Skill
Card de seguir (app de fotos) v1.0.0
Um card de perfil no estilo Instagram surge com o seu avatar, nome e número de seguidores, e o botão Follow vira Following.
Ainda sem avaliações 0 downloads
- Formato
- Formato curto · 9:16
- 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 chamada de 4,5 segundos para seguir. Uma pílula escura de perfil com o seu avatar, nome, selo de verificado, @ e número de seguidores sobe com um efeito de mola, um toque sem cursor transforma o botão azul Follow em Following e o card se acomoda. Nome, @, número e avatar são editados no HTML; o fundo é transparente.
Atualizado em 3 de nov. de 2026
O que você recebe
- Uma sobreposição de 4,5 segundos em 1080×1920 com fundo transparente
- Um card de perfil e um toque animado no Follow
- Instruções para sobrepor às suas imagens
Ideal para
- Cards finais para Reels e Stories
- Crescimento de contas de criadores e marcas
- Posts de collab e sorteios
Não é para
- Vídeos horizontais
- Chamadas para ação longas
Sobre este Skill
Você diz
/instagram-follow Faça um card de seguir no estilo Instagram para a Aurelle (@aurelle.gold, 48.2K seguidores) com o mix de pulseiras como avatar, sobre a nossa cena das pulseiras.
Termine o seu vídeo com um pedido que as pessoas já entendem. O Card de seguir mostra o seu perfil, no estilo conhecido de um app de fotos, e mostra o toque no Follow, para que quem assiste saiba exatamente o que fazer em seguida.
Como funciona
- Peça: diga ao seu agente o seu nome de exibição, o @, o número de seguidores e um avatar quadrado, 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
- Use um avatar quadrado e simples, que funcione pequeno.
- Arredonde o número de seguidores, como 48.2K.
- 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.
- Posicione-o no terço inferior do quadro, como na nossa amostra.
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 seu nome, o @, o número de seguidores, um avatar quadrado 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 a cor do botão?
Sim. É CSS simples no HTML.
Existe uma versão para apps de vídeos curtos?
Sim, o Card de seguir (app de vídeo) é a mesma ideia com outro estilo.
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 Aurelle.
