Grátis
Solenne · 16:9
Renderizado por este Skill
Área de trabalho em notebook 3D v1.0.0
Um notebook 3D se abre numa área de trabalho de vidro líquido: barra de menus, widgets, uma janela de arquivos, uma notificação e um dock, tudo editável.
Ainda sem avaliações 0 downloads
- Formato
- Vídeo · 16:9
- Duração
- 0:15
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 15 segundos de b-roll de notebook em 3D. Um notebook 3D fica sobre uma mesa sob uma luz em shader; a tela mostra uma área de trabalho de vidro líquido com barra de menus, widgets de calendário, clima e música tocando, uma janela de arquivos, uma notificação e um dock, que vão se animando um após o outro. Todo o conteúdo da tela é HTML que você pode editar.
Atualizado em 4 de nov. de 2026
O que você recebe
- Um MP4 de 15 segundos em 1920×1080 com um notebook 3D
- Uma área de trabalho de vidro líquido com widgets, uma janela, uma notificação e um dock
- HTML editável para a tela inteira
Ideal para
- Lançamentos de SaaS e de apps para desktop
- Destaques de sites e landing pages
- B-roll para keynotes
Não é para
- Uma gravação de tela real do seu app
- Formatos só na vertical
Sobre este Skill
Você diz
/macos-tahoe-liquid-glass Faça uma área de trabalho em notebook 3D para a Solenne: uma janela da Solenne com Scenes, Rooms e Plans, uma notificação "Evening wind-down starts at 16:14" e ícones neutros no dock.
Software parece real em hardware real. A Área de trabalho em notebook 3D coloca uma área de trabalho completa de vidro líquido num notebook 3D (widgets, uma janela, uma notificação, um dock) para que o seu produto apareça num cenário caprichado em filmes de lançamento e landing pages.
Como funciona
- Peça: diga ao seu agente o título e os itens da janela, o conteúdo dos widgets, a notificação e os ícones do dock.
- 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
- Troque os ícones padrão do dock pelos seus ou por neutros; a nossa amostra faz isso.
- Dê à janela o nome do seu produto.
- Mantenha a notificação em uma linha.
- Ele não tem variáveis: seu agente edita o texto direto no HTML, seguindo o SKILL.md.
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
- Os textos da janela, dos widgets e da notificação que você quer, e as suas cores.
- 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
Ele vem com ícones de apps reais?
O original inclui no dock ícones de apps conhecidos como placeholders. Troque-os; a nossa amostra usa ícones neutros gerados.
Posso mudar o papel de parede?
Sim. O papel de parede é uma imagem no HTML.
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 Solenne.
