Grátis
Solenne · 16:9
Renderizado por este Skill
Notificação de desktop v1.0.0
Um banner de notificação animado no estilo macOS entra deslizando com o ícone do seu app, um título e uma mensagem, e depois sai.
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 notificação de desktop de 5 segundos. Um banner fosco com o ícone do seu app, o nome do app, um título e uma mensagem de uma linha entra deslizando no canto superior direito, fica um instante e sai. O texto e o ícone são editados no HTML; o fundo é transparente para ficar sobre uma gravação de tela ou um papel de parede.
Atualizado em 3 de nov. de 2026
O que você recebe
- Uma sobreposição de notificação de 5 segundos em 1920×1080 com fundo transparente
- Ícone do app, nome, título e mensagem
- Instruções para colocá-la sobre uma gravação de tela
Ideal para
- Demos de SaaS e de apps
- Tutoriais e vídeos explicativos
- Anúncios de recursos
Não é para
- Vídeos só na vertical
- Mensagens longas
Sobre este Skill
Você diz
/macos-notification Faça uma notificação de desktop da Solenne: título "Evening wind-down is on", mensagem "Lights dimmed to 35%, blinds closed and the heating eased to 19°", sobre a nossa foto da sala de estar.
Uma notificação de desktop é o jeito mais rápido de mostrar que o seu produto acabou de fazer algo. A Notificação de desktop anima uma no estilo conhecido do macOS sobre a sua gravação de tela ou papel de parede: "Evening wind-down is on", "Payment received", "Your export is ready".
Como funciona
- Peça: diga ao seu agente o nome e o ícone do seu app, um título e uma mensagem de uma linha.
- 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
- Escreva o título como o resultado, não como o recurso.
- Mantenha a mensagem em uma linha.
- 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.
- Ele não tem variáveis: seu agente edita os textos e os números 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
- O nome do seu app, um ícone quadrado, um título e uma mensagem de uma linha.
- 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 várias notificações?
Renderize uma vez por notificação e empilhe os clipes na sua edição, ou peça ao seu agente para duplicar o banner no HTML.
Aparece o logo da Apple?
Não. Ele mostra o ícone e o nome do seu próprio app num banner no estilo macOS.
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.
