Conjunto de 13 a 15 skills do Claude Code para criar motion graphics e vídeos de lançamento em código, renderizando os frames em MP4 sem usar After Effects.
alchaincyf/huashu-motion
Uma skill de agente para Claude Code / Codex que transforma a descrição de um produto em um filme de lançamento com qualidade comercial, feito com código, trilha composta e edição por apontar e clicar.
- Estrelas
- 780
- Forks
- 77
- Issues abertas
- 0
- Último commit
- ontem
O que é?
huashu-motion é uma skill de agente para produzir filmes de lançamento de produtos. Você pede ao seu agente de programação um vídeo de lançamento de 30 segundos, e ele analisa o produto, propõe direções visuais, cria um plano de timing e monta o filme em uma única página HTML usando GSAP, Canvas, Three.js ou SVG. Não há uso de modelos de geração de vídeo; cada quadro é determinado por código e pelo tempo.
O projeto inclui um estúdio no navegador em que você clica em um quadro, deixa um comentário e o agente aplica a alteração somente naquele ponto. A música pode ser escrita em notação ABC e reproduzida com instrumentos sampleados, ou gerada a partir de estilos de fallback integrados, com efeitos sonoros sincronizados aos momentos de impacto da animação. A narração pode usar vozes do sistema, Kokoro ou uma gravação sua com alinhamento palavra por palavra.
A saída inclui MP4, MOV com transparência, WebM, GIF e uma página HTML compartilhável. A cadeia de ferramentas requer Node 22+, Chrome e FFmpeg, e foi testada no macOS.
Recursos principais
- 01Transforma a descrição de um produto em um filme de lançamento completo, escrito como uma única página HTML.
- 02Edição por apontar e comentar em um estúdio no navegador, com o agente alterando somente o elemento selecionado.
- 03Música composta em notação ABC e reproduzida com instrumentos sampleados, com uma trilha de fallback integrada.
- 04Efeitos sonoros sincronizados aos quadros de impacto da animação.
- 05Narração com vozes do sistema, Kokoro ou seu próprio áudio, com alinhamento palavra por palavra.
- 06Exporta em MP4, MOV com transparência, WebM, GIF ou como uma página HTML compartilhável.
Casos de uso
- Criar um vídeo de lançamento de 30 segundos para um produto de software ou app sem usar um editor de vídeo.
- Transformar um conjunto de dados CSV em um vídeo explicativo narrado com gráficos animados.
- Produzir versões verticais (1080x1920) de um filme existente.
- Adicionar lower-thirds, cartões numéricos e legendas a um vídeo de talking head como sobreposição transparente.
Início rápido
- 1
Instale a skill com um único comando
npx skills add alchaincyf/huashu-motion - 2
Verifique seu ambiente e encontre o que está faltando
om doctor - 3
Execute a demonstração incluída para ver como funciona
om demo
Antes de usar
- Na prática, foi testado apenas no macOS.
- Requer Node 22 ou superior, Chrome e FFmpeg instalados localmente.
- Não consegue gerar pessoas reais nem imagens ao vivo; os elementos visuais são desenhados por código.
Tópicos
Perguntas frequentes
- O que é huashu-motion?
- Uma skill de agente para Claude Code / Codex que transforma a descrição de um produto em um filme de lançamento com qualidade comercial, feito com código, trilha composta e edição por apontar e clicar. huashu-motion é uma skill de agente para produzir filmes de lançamento de produtos. Você pede ao seu agente de programação um vídeo de lançamento de 30 segundos, e ele analisa o produto, propõe direções visuais, cria um plano de timing e monta o filme em uma única página HTML usando GSAP, Canvas, Three.js ou SVG. Não há uso de modelos de geração de vídeo; cada quadro é determinado por código e pelo tempo.
- huashu-motion é gratuito? Qual é a licença?
- huashu-motion é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- huashu-motion ainda é mantido?
- Manutenção ativa. O último commit de huashu-motion foi em 19 de out. de 2026.
- Para que posso usar huashu-motion?
- Criar um vídeo de lançamento de 30 segundos para um produto de software ou app sem usar um editor de vídeo. Transformar um conjunto de dados CSV em um vídeo explicativo narrado com gráficos animados. Produzir versões verticais (1080x1920) de um filme existente. Adicionar lower-thirds, cartões numéricos e legendas a um vídeo de talking head como sobreposição transparente.
- Como instalar huashu-motion?
- Instale a skill com um único comando: npx skills add alchaincyf/huashu-motion Verifique seu ambiente e encontre o que está faltando: om doctor Execute a demonstração incluída para ver como funciona: om demo
- Onde consigo huashu-motion?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/alchaincyf/huashu-motion
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Coleção de 55 skills instaláveis que ensinam agentes de programação com IA a criar motion graphics, animações e fluxos de trabalho de vídeo.
Um navegador feito para você e seus agentes de IA compartilharem: os agentes executam tarefas em Spaces isolados, sem mexer nas suas abas e sessões.
Uma skill para Claude Code e Codex que transforma páginas de produto em vídeos promocionais cinematográficos com código Remotion, sem usar IA generativa.
Skills para agentes que orientam a criação de wireframes HTML autocontidos, protótipos interativos, planos e diagramas.
Conjunto de skills do Claude Code que criam vídeos gerando cada quadro e a trilha musical em código, com uma skill para cada estilo visual.