Grátis
Vael · 16:9
Renderizado por este Skill
Checklist de especificações v1.0.0
Uma lista de especificações alinhada à esquerda: cada linha de rótulo e valor entra deslizando, uma após a outra, com uma linha de destaque correndo por baixo.
Ainda sem avaliações 0 downloads
- Formato
- Vídeo · 16:9
- Duração
- 0:08
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 um momento de 8 segundos de especificações ou recursos. Cinco linhas de rótulo e valor entram da esquerda em sequência, cada uma com um sublinhado de destaque que atravessa a tela, num esquema claro para fundos lisos ou num esquema escuro com véu para imagens gravadas. Linhas, esquema, largura da linha, posição e tempo ficam numa pequena configuração no HTML; o fundo é transparente.
Atualizado em 4 de nov. de 2026
O que você recebe
- Uma sobreposição de 8 segundos em 1920×1080 com fundo transparente
- Cinco linhas que entram deslizando com sublinhados que correm
- Esquemas claro e escuro, com véu opcional
Ideal para
- Páginas de produto e anúncios
- Listas de recursos de apps e gadgets
- Categorias cheias de especificações, como bolsas, calçados e eletrônicos
Não é para
- Mais de cinco ou seis linhas
- Frases longas
Sobre este Skill
Você diz
/mk-specs-list Faça um checklist de especificações sobre a nossa foto da Vael Cerise: Leather "Cherry calf, hand-finished", Hardware "Solid brass clasp", Fits "A 14-inch laptop", Handles "Hand-stitched, 22 cm drop", Made "In small, numbered runs".
Especificações convencem quando são fáceis de ler. O Checklist de especificações monta cinco linhas de rótulo e valor ao lado do seu produto, uma de cada vez, com um sublinhado nítido em cada uma, para que materiais, medidas ou recursos fiquem claros enquanto o produto continua na tela.
Como funciona
- Peça: diga ao seu agente cinco pares curtos de rótulo e valor e se o fundo é claro ou escuro.
- 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 uma palavra nos rótulos e poucas nos valores.
- Use o esquema claro sobre fotos claras e o escuro, com véu, sobre imagens escuras.
- O fundo é transparente, então renderize com canal alfa e coloque sobre as suas próprias imagens, uma foto ou uma cor lisa; o SKILL.md mostra os dois comandos.
- Deixe o lado direito do enquadramento livre para o produto.
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
- Cinco pares de rótulo e valor e uma imagem do produto.
- 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 adicionar mais linhas?
Sim. As linhas são uma lista na configuração; cinco ou seis cabem com folga.
Dá para ler sobre uma foto carregada?
Escolha o esquema que contrasta com o fundo e aumente o véu se precisar.
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 Vael.
