HyperFrames
LaunchMotion · Deslizar para confirmarv1.0.1
Use esta Skill para create Product Launch Animation.
5.00 downloads0 curtidas0 salvamentos
Parte de uma sérieLaunchMotion · Biblioteca completa208 Skills em LaunchMotion · Biblioteca completa, todas incluídas no Skillry Pro.Ver a série completa$4.99
O que eu recebo ao comprar esta Skill?Um cursor arrasta um controle azul para enviar a ordem, o botão voa para um card cujo anel chega a 100% e vira um check de confirmação. Troque cada linha pelo texto do seu produto, mantenha o estilo azul claro e limpo e renderize no seu computador um MP4 1080p ou 4K de 8.4 segundos.
Mais escolhida por
Atualizada em 19 de out. de 2026
Galeria de prévias
Skills semelhantes
Ver todas as Skills
O que você recebe
- Uma cena animada editável de 8.4 segundos em 1080p ou 4K: Deslizar para confirmar.
- 19 campos de texto já preenchidos, para mudar só as frases que importam.
- Um gerador de um único comando e o comando para renderizar o MP4 localmente.
Ideal para
- Vídeos de lançamento, notas de versão e anúncios de recursos.
- Clipes para redes sociais e loops de Hero em landing pages que pedem um momento claro.
- Equipes que querem um visual azul premium e consistente em muitas cenas curtas.
Não é para
- Editar vídeos longos ou filmes de lançamento completos.
- Usar cores de marca diferentes do azul sem editar as variáveis de cor.
- Gerar narração, música ou novas imagens com IA.
Lançamento de produto e crescimento de appsCreate Product Launch AnimationEstilo travadoConsistência em sérieResultado editávelMinimalistaDestaque azulClean Ui
Sobre esta Skill
LaunchMotion · Deslizar para confirmar
Um cursor arrasta um controle azul para enviar a ordem, o botão voa para um card cujo anel chega a 100% e vira um check de confirmação. Troque cada linha pelo texto do seu produto, mantenha o estilo azul claro e limpo e renderize no seu computador um MP4 1080p ou 4K de 8.4 segundos.
O que aparece
Um cursor arrasta um controle azul para enviar a ordem, o botão voa para um card cujo anel chega a 100% e vira um check de confirmação. A cena tem 8.4 segundos em 1920×1080, com um fundo claro e suave, e o azul é a única cor de destaque. Os logos mantêm as cores originais.
Texto que você pode mudar
| Campo | Padrão | Máx. caracteres |
|---|---|---|
eyebrow | Checkout | 14 |
headline | One slide. Order placed. | 28 |
slider-label | Slide to place order | 24 |
progress-label | Confirming payment | 22 |
done-label | Payment confirmed | 22 |
order-number | Order #4821 | 14 |
status-pending | Processing | 11 |
status-done | Confirmed | 11 |
product | Lumen Desk Lamp | 20 |
row1-label | Quantity | 12 |
row1-value | 1 | 18 |
row2-label | Delivery | 12 |
row2-value | Thursday, Oct 17 | 18 |
row3-label | Pay with | 12 |
row3-value | Card ending 4242 | 18 |
total-label | Total | 10 |
total-value | $129.00 | 12 |
toast | Receipt sent to your inbox | 30 |
fillTo | 100 | 3 |
Faça a sua versão
- Peça esta cena ao seu agente e informe o nome do produto, o título e as linhas que quer mudar.
- O agente executa o gerador com o seu texto, faz a prévia do projeto e renderiza um MP4.
- Confira o início, o meio e o final. Encurte qualquer linha que quebre de forma estranha e renderize de novo.
Requisitos
Node.js 22 ou mais recente, FFmpeg e a CLI do HyperFrames. Tudo roda localmente.
O que você precisa antes de começar
- Você fornece
- O nome do seu produto e as frases que você quer na tela; todo campo tem um padrão que já funciona.
- Dependências
- HyperFrames CLI 0.8.30 ou compatível — obrigatório · Node.js 22 ou mais recente — obrigatório · FFmpeg — obrigatório
- Último teste
- v1.0.1 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…