
Renderizado por este Skill
Promo Bang Motion v1.19.0
Promos, aberturas e vídeos explicativos que se movem como vídeo e não como slides: um estilo tirado da sua marca, uma câmera que se move e fotos e palavras que saltam no ritmo, num único arquivo HTML.
- 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 transforma seu agente em motion designer. Ele tira um estilo da sua marca, propõe três conceitos e recomenda um, e monta um único index.html em que a câmera se move, o protagonista não sai de cena e os campos de cor mudam com um gatilho visível. Dez estilos, dezenove conceitos de abertura e seis estilos de explicativo, com exportação para MP4 quadro a quadro.
Atualizado em 2 de nov. de 2026
O que você recebe
- Um index.html que roda como vídeo: autoplay, loop e barra de navegação com ?debug=1
- Um briefing de estilo com três conceitos, uma recomendação e uma paleta com fontes
- Checagem de quadros-chave com as regras anti-slide do Skill
- Exportação opcional para MP4 quadro a quadro a 60 fps
Ideal para
- Lançamentos de produto e promos de loja
- Aberturas de apps, tours de SaaS e vinhetas de marca
- Explicativos com fotos, recortes ou desenhos
Não é para
- Editar imagens que você já filmou
- Vídeos com apresentador na câmera
Sobre este Skill
/bang-motion Faça uma promo de 30 segundos do nosso tênis de corrida no estilo flat pop with photos, 16:9. Use nossas fotos de produto e gere uma corredora fictícia usando o tênis. Termine com o logo e «Shop the drop».
Peça ao seu agente uma promo, uma abertura, um tour de produto ou um vídeo explicativo. O Bang Motion o faz trabalhar como um motion designer de verdade: o estilo vem da sua marca, a estrutura sai de um menu de conceitos e o resultado se move como cinema. Pessoas e produtos entram pulando da borda do quadro, etiquetas grudam neles, uma palavra gigante fica atrás, os campos de cor só mudam quando algo os aciona e a câmera avança para a próxima cena em vez de fazer fade.
Como funciona
- Briefing: diga ao seu agente o produto, o público, a duração e o formato, e passe o logo, o site, capturas de tela ou fotos.
- Briefing de estilo: ele responde com três conceitos, uma recomendação, um esboço de estrutura e uma paleta em que cada cor diz de onde veio. Você aprova ou muda antes de qualquer código.
- Materiais: primeiro suas fotos e seu logo; se não tiver, ele pode gerar pessoas e produtos fictícios com uma ferramenta de imagem ou escolher um conceito que dispense fotos.
- Montagem: escreve um único index.html com HTML, CSS e GSAP, confere quadros-chave com as próprias regras (nada de slides com fade, um protagonista que não some, no máximo dois níveis de texto, legível no celular) e corrige o que falhar.
- Entrega: dê dois cliques no arquivo para assistir, percorra com ?debug=1 ou exporte um MP4 sem perda de quadros com o script incluído (Node.js, Puppeteer e FFmpeg).
Dicas
- Diga um estilo, não uma lista de cenas: «flat pop with photos», «grainy gradient», «poster color-block» ou «product tour with claims».
- Entregue material real da marca; a paleta e as formas vêm dele.
- Textos curtos: uma abertura passa um sentimento, um explicativo um argumento.
- Comece cada vídeo novo num chat novo para decisões antigas não vazarem.
Código aberto
O Bang Motion foi criado por Bang Tutorial (bangtutorial/bang-motion) e é compartilhado sob a licença MIT. O download é o Skill como está publicado no GitHub. As instruções estão em indonésio e o README em inglês; seu agente lê os dois e trabalha no seu idioma.
O que você precisa antes de começar
- Você fornece
- Seu produto, logo e material de marca, a duração e o formato, e suas fotos se tiver; se não, dá para gerar pessoas e produtos fictícios.
- Dependências
- Google Chrome (ou CHROME_PATH) — obrigatório · Chave de modelo de imagem — opcional
- Custos externos
- Montar e assistir não custa nada. Gerar fotos com um modelo de imagem é opcional e cobrado por esse fornecedor.
- Último teste
- v1.19.0 —
Avaliações de usuários
Ainda não há avaliações. Instale o Skill e seja o primeiro a avaliar.
Perguntas frequentes
Por que não parece apresentação de slides?
O Skill procura hábitos de slide no próprio código: nada de seções que entram e saem com fade, um protagonista ou mundo que permanece, no máximo dois níveis de texto, um fundo sempre em movimento e trocas de cor com um gatilho visível.
Quais estilos ele faz?
Dez visuais, do escuro cinematográfico e do bloco de cor de pôster ao flat pop with photos e ao degradê granulado, combinados com dezenove conceitos de abertura e seis estilos de explicativo. Escolha um ou deixe que ele recomende.
Recebo um MP4?
Você recebe um arquivo HTML que roda em qualquer navegador. O script de exportação incluído o renderiza quadro a quadro em MP4 sem perdas; precisa de Node.js, Puppeteer e FFmpeg.
Por que é grátis?
O Bang Motion é um Skill de código aberto de Bang Tutorial. Nós o listamos como está, com um exemplo feito rodando-o no nosso tênis, o Halden Solace.






