Vincentwei1021/mg-styles-15

O que é?

Recursos principais

• 01Quinze filmes em estilos distintos, cada um com 10 segundos de duração.
• 02Cada estilo inclui seu prompt, notas sobre o estilo e o código-fonte completo.
• 03As imagens são geradas por código (SVG, Canvas, WebGL, Three.js, Blender), sem geração de imagens ou vídeos.
• 04As trilhas sonoras são sintetizadas por scripts audio.py que usam samples de instrumentos gravados.
• 05Um renderizador com Chrome headless e ffmpeg produz arquivos MP4 com precisão de frame.
• 06Página de pré-visualização no navegador para navegar por cada filme.

Casos de uso

• Aprender como um estilo específico de motion design é criado com código.
• Reutilizar um prompt como ponto de partida para seu próprio curta animado.
• Estudar um pipeline de renderização com Chrome headless e ffmpeg para gerar vídeos de forma determinística.
• Explorar como um assistente de IA pode escrever o código visual e de áudio de um filme.

Início rápido

1. 1

   Instale os pacotes Node na raiz do repositório (requer Node.js 22.12 ou posterior).

   npm install
2. 2

   Instale os pacotes Python para as trilhas sonoras e os scripts de assets (requer Python 3.11 ou posterior).

   pip install -r requirements.txt
3. 3

   Sintetize a trilha sonora de um filme.

   python3 demos/01-flat-vector/audio.py
4. 4

   Renderize todos os frames desse filme em um MP4 (requer Google Chrome e ffmpeg).

   node harness/render.mjs demos/01-flat-vector

Antes de usar

• !Para renderizar, é necessário ter o Google Chrome e o ffmpeg instalados na máquina.
• !O filme 3D também requer o Blender, e as fontes não estão incluídas no repositório.
• !Esta é uma apresentação de 15 filmes e seus códigos-fonte, não uma biblioteca reutilizável.

Tópicos

Perguntas frequentes

O que é mg-styles-15?

Quinze filmes de motion design com 10 segundos cada, produzidos com código escrito por Claude; o prompt e o código-fonte completo de cada estilo estão publicados. Este repositório reúne quinze filmes de motion design com 10 segundos cada, um por estilo, que vão de animação cel frame a frame e 2.5D isométrico a pixel art, synthwave e uma edição de legendas de programa de variedades em 9:16. Claude Opus 5.5 produziu cada filme escrevendo código a partir de um único prompt, que abrangia os visuais, a animação, a música e os efeitos sonoros. As imagens são criadas com SVG, Canvas, WebGL, Three.js e Blender no filme 3D, sem recorrer a modelos generativos de imagem ou vídeo.

mg-styles-15 é gratuito? Qual é a licença?

mg-styles-15 é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.

mg-styles-15 ainda é mantido?

Manutenção ativa. O último commit de mg-styles-15 foi em 5 de out. de 2026.

Para que posso usar mg-styles-15?

Aprender como um estilo específico de motion design é criado com código. Reutilizar um prompt como ponto de partida para seu próprio curta animado. Estudar um pipeline de renderização com Chrome headless e ffmpeg para gerar vídeos de forma determinística. Explorar como um assistente de IA pode escrever o código visual e de áudio de um filme.

Como instalar mg-styles-15?

Instale os pacotes Node na raiz do repositório (requer Node.js 22.12 ou posterior).: npm install Instale os pacotes Python para as trilhas sonoras e os scripts de assets (requer Python 3.11 ou posterior).: pip install -r requirements.txt Sintetize a trilha sonora de um filme.: python3 demos/01-flat-vector/audio.py Renderize todos os frames desse filme em um MP4 (requer Google Chrome e ffmpeg).: node harness/render.mjs demos/01-flat-vector

Onde consigo mg-styles-15?

O código-fonte e as instruções de instalação estão no GitHub: https://github.com/Vincentwei1021/mg-styles-15