Kit inicial para animar um personagem de desenho feito à mão com Claude, usando p5.js e p5.brush, com um guia para o modelo.
alchaincyf/huashu-art-motion
Uma skill de agente que transforma receitas de estilos artísticos e gramáticas de vídeos explicativos em animações feitas por código, dando movimento a pinturas e diagramas.
- Estrelas
- 4,525
- Forks
- 492
- Issues abertas
- 7
- Último commit
- há 4 dias
O que é?
huashu-art-motion é uma skill de agente para criar animações inteiramente por código. Ela inclui 36 receitas de estilos artísticos, de pinturas rupestres e murais egípcios a Van Gogh, Bauhaus e pixel art 8-bit. Cada receita tem uma cena em Canvas que desenha e anima a imagem quadro a quadro. Os personagens podem ser compostos a partir de quadros gerados, enquanto os cenários, as transições e os movimentos ficam a cargo do código.
Para vídeos explicativos, a ferramenta oferece oito gramáticas de animação inspiradas em estilos como Kurzgesagt, Vox, esboços em quadro branco, 3Blue1Brown e interfaces de keynote, além de clipes parametrizados controlados por uma especificação JSON. A saída tem precisão de quadro e pode ser em formato paisagem, retrato ou com transparência. Um esqueleto de rolagem longa permite que um personagem caminhe por pinturas sucessivas, mudando de estilo a cada transição.
O repositório também inclui um script de análise que divide uma animação de referência em cortes, grade de batidas e mapas de calor de movimento, além de um script de QA que mede estabilidade, movimento e suavidade antes da entrega. A renderização requer uv, ffmpeg e Playwright Chromium.
Recursos principais
- 01Oferece 36 receitas de estilos artísticos, cada uma com uma cena em Canvas que desenha e anima a imagem.
- 02Disponibiliza 8 gramáticas de animação para vídeos explicativos, com filmes de demonstração e clipes controlados por JSON.
- 03Gera vídeos com precisão de quadro nos formatos paisagem, retrato ou com transparência.
- 04Inclui um esqueleto de rolagem longa para um personagem atravessar estilos sucessivos.
- 05Divide animações de referência em cortes, grades de batidas e mapas de calor de movimento.
- 06Executa um script de QA que mede estabilidade, movimento e suavidade.
Casos de uso
- Recriar por código uma animação estilizada, como uma pintura famosa ganhando vida.
- Produzir trechos de vídeos explicativos em um estilo escolhido a partir de um roteiro de narração.
- Criar uma sequência de transição em que um personagem atravessa diferentes estilos artísticos.
- Analisar uma animação de referência para entender o tempo dos cortes e os padrões de movimento.
Início rápido
- 1
Instale a skill
npx skills add alchaincyf/huashu-art-motion - 2
Acesse a pasta do projeto
cd huashu-art-motion - 3
Renderize um quadro de uma cena de exemplo (é necessário ter uv, ffmpeg e Playwright Chromium)
uv run --with playwright python scripts/engine/render.py --solo 09_postimp --stills 0.3 --out 试渲 - 4
Renderize o vídeo de exemplo do gráfico financeiro
uv run --with playwright python scripts/engine/render.py --spec scripts/engine/examples/t3_finance_chart.json --out 财经图表.mp4
Antes de usar
- O conteúdo da skill e a documentação estão em chinês.
- Para renderizar, é necessário ter uv, ffmpeg e Playwright Chromium.
- Algumas demos precisam de assets de personagens próprios, e a gramática conduzida por apresentador é apenas uma implementação de referência.
Tópicos
Perguntas frequentes
- O que é huashu-art-motion?
- Uma skill de agente que transforma receitas de estilos artísticos e gramáticas de vídeos explicativos em animações feitas por código, dando movimento a pinturas e diagramas. huashu-art-motion é uma skill de agente para criar animações inteiramente por código. Ela inclui 36 receitas de estilos artísticos, de pinturas rupestres e murais egípcios a Van Gogh, Bauhaus e pixel art 8-bit. Cada receita tem uma cena em Canvas que desenha e anima a imagem quadro a quadro. Os personagens podem ser compostos a partir de quadros gerados, enquanto os cenários, as transições e os movimentos ficam a cargo do código.
- huashu-art-motion é gratuito? Qual é a licença?
- huashu-art-motion é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- huashu-art-motion ainda é mantido?
- Manutenção ativa. O último commit de huashu-art-motion foi em 16 de out. de 2026.
- Para que posso usar huashu-art-motion?
- Recriar por código uma animação estilizada, como uma pintura famosa ganhando vida. Produzir trechos de vídeos explicativos em um estilo escolhido a partir de um roteiro de narração. Criar uma sequência de transição em que um personagem atravessa diferentes estilos artísticos. Analisar uma animação de referência para entender o tempo dos cortes e os padrões de movimento.
- Como instalar huashu-art-motion?
- Instale a skill: npx skills add alchaincyf/huashu-art-motion Acesse a pasta do projeto: cd huashu-art-motion Renderize um quadro de uma cena de exemplo (é necessário ter uv, ffmpeg e Playwright Chromium): uv run --with playwright python scripts/engine/render.py --solo 09_postimp --stills 0.3 --out 试渲 Renderize o vídeo de exemplo do gráfico financeiro: uv run --with playwright python scripts/engine/render.py --spec scripts/engine/examples/t3_finance_chart.json --out 财经图表.mp4
- Onde consigo huashu-art-motion?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/alchaincyf/huashu-art-motion
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Uma skill do Claude Code que transforma um tema curto em um vídeo de motion graphics sincronizado com a batida e renderizado em MP4 com HyperFrames.
Uma biblioteca pesquisável com 144 efeitos nomeados de motion graphics, câmera, UI, web e fotografia, cada um com uma demonstração ao vivo e um prompt para usar com uma IA.
Uma skill do Claude Code que transforma um prompt em uma animação procedural curta em canvas e a renderiza em MP4 com um navegador headless e ffmpeg.
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.
Toolkit de motion design que permite a agentes de programação, como Claude Code, criar vídeos com Remotion usando cenas guiadas por timeline, revisão visual e um mecanismo de áudio em Python.