O que você recebe
- Um projeto HyperFrames pronto e o comando de renderização para um MP4 de 7 segundos, 1080p, 30 fps
- Checks sincronizados com os tempos reais de ação da sua gravação
- Quatro paletas com layout e tempo idênticos
- Uma tela de celular ilustrativa incluída, para rascunhos
- Narração de cada passo, cama musical e imagem de tela de rascunho do PopNow, opcionais
Ideal para
- Tutoriais de app e etapas de onboarding
- Segmentos de how-to em três passos em vídeos de criadores
- Demos curtas de produto em que cada passo precisa aparecer como concluído
Não é para
- Mais de quatro passos
- Passeios longos pela tela; a mídia vai até 6,8 segundos
- Telas só de desktop que não cabem em um quadro de celular
Como usar
No Claude ou no ChatGPT
Use a skill da PopNow “Demo animada de checklist de produto” (animated-checklist-demo) para isto: Vídeo de checklist para o nosso onboarding: 'Criar um caderno' em 1,2 s, 'Adicionar uma tag' em 2,9 s, 'Convidar um colega' em 4,6 s, tela ./onboarding.mp4.
Em um agente de programação
/popnow-animated-checklist-demo Vídeo de checklist para o nosso onboarding: 'Criar um caderno' em 1,2 s, 'Adicionar uma tag' em 2,9 s, 'Convidar um colega' em 4,6 s, tela ./onboarding.mp4.
Depois tente
Renderize também o estilo carvão e limão para eu comparar.
Adicione uma linha de voz curta para cada passo. Informe o custo antes.
O que ter em mãos
- Até quatro rótulos curtos de tarefa
- Uma gravação de tela ou captura, e o segundo em que cada passo acontece
- Node.js 22+ e FFmpeg; chave de API do PopNow opcional
Skills parecidas
Ver todas →Vídeo de lançamento com equipe de agentes
+3Ajudantes brilhantes em papel pontilhado, tarefas ao vivo no celular e uma skill que cria um novo ajudante.
Vídeo demo de chatbot de IA
+3Demo narrada dentro de um app de chat escuro: ative a integração, faça a pergunta e veja o resultado.
Filme de lançamento de produto com agentes
+3Filme de lançamento calmo, no estilo keynote, feito a partir do site e da interface reais do seu produto.
Vídeo promocional de app para celular
+3Promo de app de 10 a 13 segundos em que sete momentos do produto fluem como um só movimento de câmera.
Filme de hype em glitch ASCII
+3Quadros ASCII, caixas de digitação e palavras em matriz de pontos, cortados no ritmo do seu logotipo.
Vídeo de lançamento de comparação antes e depois
+3Fundo quase preto, arquivos em monoespaçado e um destaque elétrico: seu conteúdo como página e como filme.
Vídeo promocional de especificação em blueprint
+3Sua afirmação desenhada numa folha técnica quase preta: figuras emolduradas, hachuras e linhas de chamada.
Vídeo explicativo de changelog
+3Transforme um pull request real em um filme de 30 segundos para quem nunca vai ler o diff.
Vídeo de lançamento em uma só conversa
+3Uma janela de chat em papel quente que nunca reinicia: pergunte sobre a espera, peça a correção e veja rodar.
Teaser cinematográfico de interface escura
+3Sua interface à deriva num vazio preto: câmera deslizante, foco nítido, comando digitado e nome brilhante.
Reel de lançamento de ferramenta para desenvolvedores
+3Um prompt digitado em quatro lugares, um reel no ritmo com resultados reais e o comando de instalação.
Vídeo de produto SaaS com mockups de dispositivos
+3Tela real do seu app num aparelho neutro e escuro; depois uma ação ao vivo e uma revelação luminosa.
Vídeo de lançamento editorial em papel quente
+3Tipografia enorme em papel quente, um destaque por quadro, um cartão de produto e uma virada em tinta preta.
Vídeo de lançamento de recurso a partir de reclamações
+3Começa na reclamação que seus usuários não param de postar e depois prova que o novo recurso a torna falsa.
Vídeo engraçado de problema e solução
+3Um pequeno incômodo vira piada, pedidos educados se acumulam e depois uma pílula laranja vira a solução.
Vídeo de lançamento em tela de meio-tom
+3Um filme de lançamento numa só tela viva de pontos que se move um tempo antes de cada linha de texto.
Vídeo de infográfico desenhado à mão
+3Painéis em caneta hidrográfica num cartaz longo, uma rota desenhada que a câmera segue e um recuo final.
Recursos de IA para HyperFrames
+3Imagens de hero, B-roll, cama musical e locução para vídeos HyperFrames, cotados antes e salvos em assets/.
Filme de lançamento de produto
+3Vídeo de lançamento de 20 a 40 segundos a partir da sua URL ou README, com texto pronto e três formatos.
Vinheta de revelação de logotipo líquido
+3Uma gota de vidro carrega a sua marca, ilegível, depois estoura e deixa o logotipo nítido.
Vídeo de lançamento keynote em vários estilos
+3Cada recurso no seu mundo: gráfico azul, página creme em serifa, campo escuro e grade de pôsteres.
Vídeo de lançamento multilíngue
+3O nome do produto fica parado enquanto cada idioma entra, no seu próprio alfabeto, com voz e legenda.
Vídeo explicativo narrado
+3Explicativo de 45 a 120 segundos com locução e legendas sincronizadas por palavra, em colagem, lousa ou dados.
Animação científica em papel recortado
+3Caixa de sombras em papel recortado, Sol e Lua, etiquetas em barbantes: uma ideia científica narrada.
Vídeo de anúncio de parceria
+3Apresentador numa janela com borda, dois logotipos num cartão e uma configuração digitada em três passos.
Vídeo promocional em pixel art
+3Filme retrô em pixel art sobre o seu produto, desenhado quadro a quadro a partir do seu link ou pitch.
Vídeo de lançamento com personagens de pelúcia
+3Personagens de feltro e pelúcia montam sua promo ao vivo num editor de equipe, com cada corte no ritmo.
Promo de revelação do silêncio ao som
+3Um botão apertado três vezes em silêncio total, depois o mesmo plano de novo com som e depois com música.
Promo quadrada com transformação de interface
+3Sobre papel quente, um botão se estica num cartão de prompt; depois a visão recua para uma parede de sessões.
Animação de livro de histórias em papel
+3Um livro ilustrado que se move: recortes de feltro e massinha, colinas em camadas e palavras que surgem.
Criador de vídeo de depoimento
+3Placas de retrato com cartão de citação sobre papel pautado quente, com acento verde-azulado.
Título com texto atrás da pessoa
+3Um título gigante surge atrás da pessoa em câmera e depois toma conta do quadro após um corte limpo.
Promo de tipografia com textura de material
+3Título recortado em terrazzo, tijolo e aço, trocando de superfície a cada 3 quadros.
Vídeo de animação em lousa branca
+3Uma caneta marcadora desenha a aula inteira numa lousa, apaga o mito e depois recua para a lousa pronta.
Perguntas
Como os checks são sincronizados com a minha gravação de tela?
Cada tarefa tem um valor at em segundos. Defina o momento em que a ação acontece na sua gravação; o traço do check e o preenchimento da caixa começam nesse quadro exato.
Posso usar uma captura de tela em vez de uma gravação?
Pode. Uma imagem fixa funciona, mas aí os checks mostram só o tempo de demonstração, e a skill avisa isso em vez de sugerir uma interação gravada de verdade.
Qual é a tela de celular padrão?
Uma tela ilustrativa de app de notas, gerada e incluída no pacote, então os rascunhos renderizam sem arquivos extras. Troque pela tela do seu próprio produto para uma demo real.
Posso adicionar narração?
Pode. O PopNow narra uma linha curta por passo, posicionada logo antes de cada check, com uma cama discreta por baixo. Você vê o preço em créditos antes de qualquer geração.