Grátis
Solenne · 16:9
Renderizado por este Skill
Product Launch Motion v1.0.0
Um vídeo de lançamento nível Dribbble para o seu app ou site: uma única forma de interface que nunca corta, um cursor que faz cada clique, molas, contadores e som no ritmo.
Ainda sem avaliações 0 downloads
- Formato
- Vídeo · 16:9
- Duração
- 0:30
Grátis Grátis com uma conta
Cole isto no seu agente. Ele conecta a CLI se necessário e instala o Skill.
Um Skill de código aberto que dirige um vídeo de lançamento como os melhores motion designers. Um único elemento vira botão, slider, chave e gráfico sem nenhum corte, um cursor provoca cada mudança, os números giram em contadores e cada clique e cada whoosh cai no ritmo da música. Seu agente escreve a história, monta o vídeo em HTML, renderiza a 60 fps com desfoque de movimento e entrega o MP4.
Atualizado em 2 de nov. de 2026
O que você recebe
- Um vídeo de lançamento pronto em H.264 MP4, 1920×1080 a 60 fps com desfoque de movimento
- Um único vídeo em HTML em que cada quadro depende do tempo, pronto para editar
- Uma folha de contato com um quadro por batida e um storyboard de um por segundo
- Efeitos sonoros sintetizados e mixados com a sua música no ritmo
Ideal para
- Lançamentos de apps, SaaS e sites
- Novos recursos e atualizações de produto
- Vinhetas de marca e reels de motion de interface
Não é para
- Vídeos com apresentador ou gravados ao vivo
- Explicativos narrados com roteiro de locução
Sobre este Skill
Você diz
/product-launch-motion Faça um vídeo de lançamento de 30 segundos para o meu app em localhost:3000. Uma única forma que nunca corta: um cartão vira slider, chave, pílula de status e painel. Use esta faixa de 120 BPM e faça o número de cadastros cair no drop.
Entregue ao seu agente o seu site ou app. Ele monta a história a partir do problema do seu cliente e dirige um vídeo de lançamento: o título entra palavra por palavra, um pedido é digitado e uma única forma conduz toda a demo, virando cartão, slider, chave, pílula de status e painel enquanto um cursor clica e arrasta. A câmera se aproxima para cada estado preencher o quadro, se afasta para mostrar escala, e o vídeo termina com seus números subindo e o logo caindo bem no drop.
Como funciona
- Direção primeiro: seu agente lê o produto e escreve um plano criativo curto: a história e o grande momento, o tratamento da marca, a música e uma lista de cenas batida a batida. Ele toma as decisões criativas sozinho e lista cada uma para você derrubar qualquer delas em uma resposta.
- Música primeiro: mede a grade de batidas da música com numpy e encaixa cada cena nela, então algo acontece em toda batida e o grande momento cai no drop.
- Um único vídeo em HTML: cada quadro é calculado a partir do tempo, com molas em forma fechada, chaves e abas que esticam porque cada borda anda no seu ritmo, trocas de conteúdo com desfoque, um cursor que inclina, afunda e solta onda, e contadores para os seus números.
- Som: os sons de interface são sintetizados do zero e cada um é posicionado pelo próprio pico na batida.
- Revisão e render: um quadro por batida numa folha de contato, ajustes, e então o Playwright renderiza quatro subquadros por quadro e o FFmpeg os funde em desfoque de movimento real a 60 fps.
Dicas
- Traga uma faixa livre de royalties de uns 120 BPM com subida e drop, ou deixe o agente encontrar uma.
- Liste de 8 a 12 estados que você quer que a forma assuma, ou diga «você decide».
- Passe seus números reais; ele mantém os grandes números verdadeiros e conta quais detalhes inventou.
- Use com o Claude Opus 5.5 para o melhor resultado; é o detalhe que dá o ar caro.
Código aberto
O Product Launch Motion foi criado por Muhammad Abubakr (AbubakrChan/product-launch-motion) e é compartilhado sob a licença MIT. O download é o Skill como está publicado no GitHub, sem os vídeos de exemplo que o autor fez para a Cheerful.
O que você precisa antes de começar
- Você fornece
- Seu site ou app, a história ou os estados que você quer mostrar, seus números reais e o logo e, se quiser, uma música livre de royalties de uns 120 BPM.
- Dependências
- Node.js 20 ou superior — obrigatório · Playwright Chromium — obrigatório · FFmpeg — obrigatório · Python 3.9 ou superior — obrigatório
- Custos externos
- Nenhum. O vídeo é montado e renderizado no seu computador e os efeitos são sintetizados; não são usadas chaves de API nem serviços pagos.
- Ú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
O que significa «uma forma, sem cortes»?
A demo inteira é um único elemento que muda de tamanho, raio dos cantos e cor enquanto o conteúdo troca com um breve desfoque. Um botão vira carregador, slider, chave e gráfico, então o olhar nunca se perde.
Preciso de música?
Funciona melhor com uma faixa livre de royalties de uns 120 BPM com subida e drop. Traga a sua ou deixe o agente encontrar uma e organizar a subida e o drop em torno do seu grande momento.
Dá para mudar depois do render?
Sim. O vídeo é um único arquivo HTML em que cada quadro é calculado a partir do tempo, então você pode mudar textos, cores, ritmo ou uma cena inteira e renderizar de novo.
Por que é grátis?
O Product Launch Motion é um Skill de código aberto de Muhammad Abubakr. Nós o listamos como está, com um exemplo feito rodando-o no nosso app de casa inteligente, Solenne.
