Stickman Animation Studio — 2D & 3D MP4

Crie animações suaves de stickman 2D e 3D a partir de referências de imagem e exporte vídeos MP4 prontos para o YouTube.

O que é Stickman Animation Studio — 2D & 3D MP4?

Stickman Animation Studio é uma habilidade de agente de IA focada na criação de animações de stickman (boneco palito) em 2D e 3D, com saída em vídeo MP4 otimizada para o YouTube. A habilidade prioriza movimentos suaves, ação legível, consistência do personagem, continuidade de cena e renderização confiável. Ela suporta tanto pipelines 2D (usando HTML5 Canvas com JavaScript ou Python) quanto 3D (usando o Blender Python API). O fluxo de trabalho é dividido em fases: entender a solicitação, inspecionar imagens de referência, escolher o pipeline, planejar o movimento, aplicar controles de qualidade, renderizar e exportar. A habilidade verifica as ferramentas disponíveis (Blender, FFmpeg, Python) e fornece instruções claras de configuração se algo estiver faltando. Ela também gera arquivos de projeto, documentação do design do personagem e um README, garantindo que o projeto seja completo e editável.

Funciona com✓Claude Code~Codex CLI~Cursor
Part ofMobile
npx skills add https://github.com/eddolintang-eng/stickman-3d-animation-skill/tree/HEAD/.claude/skills/stickman-animation-studio

Installed? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

name: stickman-animation-studio description: Crie animações suaves de stickman 2D e 3D a partir de referências de imagem e exporte vídeos MP4 prontos para o YouTube. Use quando o usuário pedir para criar, animar, renderizar ou melhorar projetos de animação stickman.

O que Stickman Animation Studio — 2D & 3D MP4 faz?

Propósito

Crie projetos de animação stickman completos e editáveis que possam ser renderizados como vídeos MP4 para o YouTube. Suporte fluxos de trabalho 2D e 3D. Priorize movimento suave, ação legível, design de personagem consistente, continuidade de cena e renderização confiável.

Esta habilidade cria código de animação e arquivos de projeto. Ela não presume que uma imagem estática possa se tornar automaticamente um personagem totalmente rigado. Primeiro, inspecione a imagem de referência e, em seguida, escolha um método de construção adequado.

Princípios operacionais

  • Inspecione antes de construir. Verifique as imagens de referência fornecidas, arquivos de projeto, software disponível e requisitos de saída.
  • Pergunte apenas por informações essenciais ausentes. Se o usuário não especificou um formato, use como padrão 1920×1080, 30 fps, paisagem 16:9, a menos que a solicitação seja claramente para Shorts (então use 1080×1920, 30 fps, 9:16).
  • Preserve a referência. Combine a silhueta do personagem, formato da cabeça, proporções dos membros, cores, roupas/acessórios e características distintas. Não adicione detalhes que conflitem com a referência.
  • Anime com intenção. Cada movimento deve comunicar uma ação ou emoção. Evite movimento aleatório e movimento de câmera desnecessário.
  • Use temporização suave. Prefira curvas contínuas, transições suaves (easing), antecipação, acompanhamento (follow-through) e pausas controladas. Evite saltos abruptos de posição.
  • Mantenha as cenas coerentes. Preserve a direção da tela, escala do personagem, objetos de cena, iluminação e relações espaciais entre tomadas adjacentes.
  • Renderize e verifique. Não afirme que um MP4 está completo até que a renderização seja bem-sucedida e o arquivo de saída seja verificado.
  • Seja honesto sobre limitações. Se Blender, FFmpeg, fontes ou outras dependências estiverem faltando, relate isso e forneça etapas exatas de configuração, em vez de fingir que a renderização ocorreu.

Fluxo de trabalho

Fase 1 — Entender a solicitação

Identifique:

  • Modo de animação: 2D, 3D ou ambos.
  • Fonte: referência de imagem, projeto existente ou descrição textual.
  • Cena/ação e tom emocional.
  • Duração e proporção de aspecto.
  • Saída: MP4, preview, projeto editável ou todos.
  • Se narração, legendas, efeitos sonoros ou música são solicitados.

Se detalhes estiverem faltando, use estes padrões:

  • YouTube formato longo: 16:9, 1920×1080, 30 fps.
  • YouTube Shorts: 9:16, 1080×1920, 30 fps.
  • Codec de vídeo: H.264; codec de áudio: AAC quando houver áudio.
  • Taxa de quadros: constante 30 fps.
  • Fundo: use a referência do usuário ou um fundo simples adequado à cena.

Fase 2 — Inspecionar imagens de referência

Quando imagens forem fornecidas:

  • Abra e inspecione cada imagem relevante.
  • Identifique o personagem principal, silhueta, proporções cabeça/corpo, comprimento dos membros, cores, acessórios e estilo visual.
  • Identifique a pose visível, direção para onde está virado, ângulo da câmera e elementos de cena.
  • Registre uma especificação concisa do personagem no projeto, como em character_design.md.
  • Se a referência for uma pose única, trate-a como referência de design, não como um rig de animação completo.
  • Para 2D, crie formas vetoriais limpas ou ativos de camadas transparentes que preservem o design.
  • Para 3D, crie uma malha/rig simples guiada pela referência. Use referências frontal/lateral se disponíveis; não invente detalhes ocultos como se fossem visíveis.

Fase 3 — Escolher o pipeline

Pipeline 2D

Implementação preferida:

  • HTML5 Canvas com JavaScript para animação procedural/vetorial, ou
  • Python com uma biblioteca de desenho 2D adequada para renderização quadro a quadro.

Escolha o pipeline mais simples que possa produzir o resultado solicitado de forma confiável. Mantenha as partes do personagem separadas onde for útil: cabeça, tronco, braços superior/inferior, mãos, pernas superior/inferior e pés. Use pontos de pivô nas articulações.

Requisitos de animação:

  • Use um timestep fixo ou amostragem de quadro determinística para que o mesmo número de quadro sempre produza a mesma pose.
  • Interpole posição, rotação e escala com suavização (easing).
  • Use rotações de articulações em vez de mover cada ponto final do membro independentemente.
  • Adicione movimento secundário sutil apenas quando ele apoiar a ação.
  • Evite overshoot elástico, a menos que o estilo o exija.
  • Mantenha a espessura da linha, aparência das articulações e proporções consistentes.

Para uma implementação Canvas:

  • Use requestAnimationFrame apenas para preview interativo.
  • Para exportação final, renderize quadros determinísticos por timestamp/índice de quadro.
  • Exporte quadros para uma sequência de imagens e, em seguida, codifique-os com FFmpeg. Não dependa de gravação de tela em tempo real para qualidade final.

Pipeline 3D

Implementação preferida:

  • Blender Python API para criação de cena, rigging, animação, câmera, iluminação e renderização.

Use uma armadura simples com pivôs de osso sensíveis para cabeça, tronco, braços superior/inferior e pernas superior/inferior.

Use IK apenas quando melhorar a colocação do pé/mão; caso contrário, use keyframes FK claros.

Mantenha materiais e geometria simples, a menos que o usuário peça um estilo 3D detalhado.

Requisitos de animação:

  • Use keyframes do Blender e interpolação Bezier para movimento suave.
  • Defina tipos de handle deliberadamente; evite overshoot ou oscilação indesejada.
  • Use antecipação, contato, acompanhamento (follow-through) e estabilização para ações como andar, correr, pular, virar e pegar objetos.
  • Evite deslizamento do pé quando prático, mantendo os pés plantados estáveis durante o contato.
  • Verifique dobras de articulações, clipping, contato com o solo e legibilidade da silhueta.
  • Use uma câmera estável e iluminação consistente entre as tomadas.

Fase 4 — Planejar o movimento

Antes de codificar, crie um plano de movimento curto:

  • Pose inicial.
  • Ação principal.
  • Poses-chave e timestamps aproximados.
  • Momentos de contato (pés tocando o chão, mão tocando objeto, aterrissagem).
  • Movimento secundário (virada de cabeça, acompanhamento do braço, estabilização do corpo).
  • Pose final e transição para a próxima tomada.

Use uma divisão de poses em vez de um grande movimento. Por exemplo, um salto pode ter preparação, decolagem, pose no ar, aterrissagem e recuperação. O tempo exato deve caber na duração e tom solicitados.

Fase 5 — Controles de suavidade e qualidade

Aplique estas verificações a cada cena:

Temporização e interpolação

  • Evite mudanças repentinas de posição, rotação ou escala.
  • Use transições suaves (easing) para inícios e paradas.
  • Use interpolação linear apenas para movimento que deve manter velocidade constante.
  • Mantenha a animação determinística entre renderizações.
  • Garanta que haja quadros suficientes para a taxa de quadros e duração solicitadas.

Consistência do personagem

  • Compare o personagem renderizado com a referência.
  • Verifique tamanho da cabeça, comprimento do tronco, comprimento dos membros, espessura da linha/materiais, cores e acessórios.
  • Não permita que o design se desvie entre as tomadas.

Legibilidade do movimento

  • Torne a ação compreensível em silhueta.
  • Evite que os membros se cruzem de forma não natural.
  • Verifique equilíbrio, transferência de peso, contato e espaçamento.
  • Evite desfoque de movimento excessivo que esconda a ação.

Continuidade

  • Combine as posições dos personagens e a direção que estão virados entre tomadas conectadas.
  • Preserve as localizações dos objetos de cena e a geografia da cena.
  • Use cortes ou movimentos de câmera motivados; não mova a câmera sem motivo.

Renderização

  • Renderize primeiro um preview de baixa resolução e curta duração.
  • Inspecione quadros representativos e, quando possível, reproduza o preview para verificar ritmo e travamentos.
  • Renderize a saída final somente após aprovação do preview ou após o usuário solicitar renderização final direta.
  • Verifique a existência, duração, resolução, taxa de quadros, codec de vídeo e sincronia de áudio do arquivo final.

Fase 6 — Exportar MP4 pronto para o YouTube

Use FFmpeg quando disponível. Um comando de exportação H.264 típico é:

ffmpeg -framerate 30 -i frames/frame_%06d.png \
  -c:v libx264 -pix_fmt yuv420p -r 30 \
  -movflags +faststart output.mp4

Se o áudio for fornecido, multiplexe-o com cuidado e garanta que corresponda à duração do vídeo. Não adicione música ou efeitos sonoros protegidos por direitos autorais, a menos que o usuário os forneça ou confirme que tem permissão para usá-los.

Para Blender, defina a saída de renderização como uma sequência de imagens primeiro quando a confiabilidade for importante e, em seguida, codifique a sequência para MP4 com FFmpeg. Isso torna as renderizações interrompidas mais fáceis de retomar.

Fase 7 — Entregáveis

Quando possível, forneça:

  • output.mp4 — vídeo finalizado.
  • Projeto/código fonte — por exemplo, .blend, .py, .html, .js.
  • character_design.md — notas do personagem correspondentes à referência.
  • README.md — dependências e como reexecutar ou modificar a animação.
  • Preview renderizado ou quadros de preview selecionados.

Indique exatamente quais arquivos foram criados com sucesso. Se a renderização não pôde ser concluída, forneça o projeto/fonte e indique claramente o que ainda precisa ser instalado ou executado.

Estrutura de projeto sugerida

stickman-project/
├── references/
├── assets/
├── scenes/
├── src/
│   ├── 2d/
│   └── 3d/
├── renders/
│   ├── preview/
│   └── frames/
├── output/
│   └── output.mp4
├── character_design.md
└── README.md

Verificações de ferramentas e ambiente

Antes da implementação, verifique quais ferramentas estão realmente instaladas:

  • Blender (blender --version)
  • FFmpeg (ffmpeg -version)
  • Python (python --version ou python3 --version)
  • Node.js apenas se o pipeline 2D escolhido precisar.

Não presuma que uma ferramenta está instalada. Em ambientes somente Android, explique que a renderização pode exigir um computador em nuvem, um ambiente online compatível ou um computador com Blender/FFmpeg. Não insinue que um navegador móvel ou o próprio Claude possa renderizar um MP4 3D complexo sem um ambiente de renderização disponível.

Estilo de interação

  • Explique etapas técnicas em linguagem simples.
  • Trabalhe uma etapa de cada vez quando o usuário for iniciante.
  • Prefira arquivos completos e executáveis a trechos de código desconectados.
  • Mantenha o código modular e editável.
  • Quando uma renderização falhar, diagnostique o erro real e corrija-o; não substitua silenciosamente a saída solicitada por uma imagem estática ou maquete.
  • Não prometa visualizações virais, aprovação de monetização ou desempenho algorítmico.

Lista de verificação de conclusão

Antes de declarar a tarefa concluída, confirme:

  • O modo 2D/3D correto foi usado.
  • O design do personagem de referência foi preservado.
  • O movimento é suave e legível.
  • A continuidade da cena foi mantida.
  • O preview foi inspecionado.
  • A renderização do MP4 foi bem-sucedida.
  • Resolução, proporção de aspecto, taxa de quadros e duração estão corretos.
  • O áudio está sincronizado, se presente.
  • Os arquivos fonte e instruções de reexecução foram incluídos, quando possível.

Habilidades Relacionadas