Uma Agent Skill que transforma um tema em um vídeo explicativo narrado, com locução, legendas embutidas e imagens de capa, renderizando localmente frames HTML em MP4.
18221PythonMITAtualizado há 7 dias
AbubakrChan/product-launch-motion
Uma skill do Claude Code que transforma a URL de um site em um vídeo de lançamento de produto a 60 fps, feito em HTML, com efeitos sonoros sincronizados à música e desfoque de movimento.
- Estrelas
- 322
- Forks
- 47
- Issues abertas
- 0
- Último commit
- há 5 dias
O que é?
Product Launch Motion é uma skill do Claude Code que recebe a URL de um site de produto e dirige, cria e renderiza um vídeo curto de lançamento. Claude lê o site, escreve a narrativa, organiza cada cena em uma grade de batidas baseada em uma faixa musical e gera um MP4 a 60 fps com efeitos sonoros sincronizados.
Cada quadro é HTML calculado como uma função pura do tempo, o que torna as renderizações determinísticas e permite conferi-las batida por batida. O Playwright captura subquadros, e o ffmpeg aplica o desfoque de movimento. As animações usam molas amortecidas em forma fechada, e um único elemento na tela se transforma entre estados, em vez de usar cortes secos. A skill requer Claude Opus 5.5 e precisa de Node 20+, Playwright, FFmpeg e Python 3 com numpy.
O repositório também mantém a skill v1 anterior, que cria filmes com narração usando GSAP e HyperFrames, em uma pasta legada.
Recursos principais
- 01Cria um vídeo de lançamento a partir da URL de um site, sem edição manual.
- 02Sincroniza animações e efeitos sonoros com uma grade de batidas baseada em uma faixa musical.
- 03Renderiza o vídeo a 60 fps com desfoque de movimento do ffmpeg.
- 04Usa molas em forma fechada e um único elemento que se transforma, em vez de cortes secos.
- 05Oferece uma opção de etapa WebGL de vidro para efeitos com formas 3D.
Casos de uso
- Criar um vídeo de lançamento de produto para uma landing page de SaaS sem usar um editor de vídeo.
- Produzir filmes promocionais curtos, com som sincronizado, a partir de um site existente.
- Prototipar ideias de motion design como HTML determinístico renderizado em vídeo.
Início rápido
- 1
Instale a skill
npx skills add AbubakrChan/product-launch-motion - 2
No Claude Code, peça um vídeo e inclua a URL do seu site
Antes de usar
- Você precisa do Claude Code. O README recomenda o Opus 5.5, pois modelos menores deixam passar muitos detalhes.
- A renderização requer Node 20+, Playwright, FFmpeg e Python 3 com numpy, todos instalados localmente.
- Os vídeos de exemplo foram feitos para o Cheerful e não estão licenciados para reutilização, apesar de a skill ter licença MIT.
Tópicos
Perguntas frequentes
- O que é product-launch-motion?
- Uma skill do Claude Code que transforma a URL de um site em um vídeo de lançamento de produto a 60 fps, feito em HTML, com efeitos sonoros sincronizados à música e desfoque de movimento. Product Launch Motion é uma skill do Claude Code que recebe a URL de um site de produto e dirige, cria e renderiza um vídeo curto de lançamento. Claude lê o site, escreve a narrativa, organiza cada cena em uma grade de batidas baseada em uma faixa musical e gera um MP4 a 60 fps com efeitos sonoros sincronizados.
- product-launch-motion é gratuito? Qual é a licença?
- product-launch-motion é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- product-launch-motion ainda é mantido?
- Manutenção ativa. O último commit de product-launch-motion foi em 15 de out. de 2026.
- Para que posso usar product-launch-motion?
- Criar um vídeo de lançamento de produto para uma landing page de SaaS sem usar um editor de vídeo. Produzir filmes promocionais curtos, com som sincronizado, a partir de um site existente. Prototipar ideias de motion design como HTML determinístico renderizado em vídeo.
- Como instalar product-launch-motion?
- Instale a skill: npx skills add AbubakrChan/product-launch-motion No Claude Code, peça um vídeo e inclua a URL do seu site
- Onde consigo product-launch-motion?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/AbubakrChan/product-launch-motion
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Uma skill de agente para Claude Code e Codex que transforma a interface real do seu app em vídeos de lançamento curtos, sincronizados com a música e renderizados localmente.
1057JavaScriptMITAtualizado há 19 dias
Marketplace de skills e plugins para agentes, independente de modelo, com uma camada canônica sem dependência de harness, adapters e o gerenciador de pacotes ccpi.
2,9 mil421PythonMITAtualizado há 6 horas
Skills em linguagem simples para Claude Code, Codex CLI, Cursor CLI e Gemini CLI transformam relatórios de sessão em um veredito fácil de entender, exibido em uma única tela.
1,4 mil119ShellMITAtualizado há 15 dias
Transforma um roteiro escrito em um vídeo explicativo ou demonstração de produto narrados, com voz local, sincronização por palavra e renderização em canvas, tudo comandado por um agente de programação.
61439JavaScriptMITAtualizado há 9 horas
Uma skill do Claude Code que cria vídeos de motion design com HTML, Playwright e ffmpeg, sem precisar de licença do After Effects ou do Remotion.
58677PythonMITAtualizado há 16 dias