Communitygithub.com

uzi-090/cartoon-3d-short

Crie histórias animadas verticais originais em estilo cartoon, com personagens gráficos contornados em ambientes tridimensionais Three.js renderizados com Remotion. Ideal para curtas animados, história, filosofia, romance, explicadores ou este estilo cartoon estabelecido. Orienta perguntas sobre a história, roteiros, narração fornecida pelo usuário, atuação, câmera, iluminação, legendas compactas e exportação de vídeo revisada.

O que é cartoon-3d-short?

Esta skill capacita um agente de codificação (como Claude Code, Codex ou Cursor) a produzir curtas-metragens animados originais no formato vertical (9:16), combinando a estética cartoon 2D com ambientes 3D renderizados via Three.js e Remotion. Ela é projetada para criar animações com personagens gráficos estilizados, corpos arredondados, membros finos e contornos escuros, em cenários dimensionais com iluminação e texturas motivadas. O processo é dividido em fases claras: desenvolvimento da história e roteiro, gravação de narração pelo usuário (sem TTS automático), planejamento de produção temporizado, definição do visual e animação, e finalmente construção e renderização do vídeo com legendas. A skill enfatiza o uso de assets originais, a integridade do áudio fornecido pelo usuário e a documentação das decisões de produção. Ela não gera um filme completo apenas a partir de instruções textuais, mas guia o usuário através de cada etapa, solicitando informações específicas e oferecendo valores padrão sensatos. Os recursos incluídos (starter project, scripts de inicialização e validação) permitem que o agente comece rapidamente, mantendo um fluxo de trabalho profissional e verificável.

Funciona com✓Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/uzi-090/cartoon-3d-short/tree/HEAD

Perguntar na sua IA favorita

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

Documentação

Cartoon 3D Short

Crie um curta original e compreensível com personagens gráficos autorais, cenários dimensionais coloridos e atuação proposital. Esta é uma skill de produção para um agente de codificação com terminal e um navegador/renderizador WebGL funcional. Ela não concede ferramentas, não gera um filme finalizado apenas a partir de instruções, nem promete visualizações ou correspondência exata com uma referência.

Comece na fase atual do usuário

Leia o briefing, roteiro, áudio e estado do projeto existentes antes de fazer perguntas. Não faça os usuários repetirem decisões já acertadas. Faça apenas perguntas ausentes e consequentes, de preferência juntas: tópico ou ajuda para escolher um, ficção versus fato pesquisado, gênero/emoção, idioma, duração/plataforma aproximada e preferências importantes de personagem/estilo. Ofereça um valor padrão sensato quando uma preferência for opcional. Se for solicitado apenas ideias, dê descrições curtas de gancho/meio/desfecho e pare por aí. Não produza arte de storyboard a menos que solicitado.

Use estas fases; continue o trabalho já autorizado dentro da fase atual:

  1. História. Leia story-development.md. Desenvolva a premissa escolhida ou ofereça algumas ideias variadas. Verifique afirmações factuais. Teste o esboço causal e o final, depois escreva a narração coloquial. Separe o texto falado das notas de câmera/SFX; adicione apenas tags de expressão úteis. Apresente o roteiro para o usuário gravar.
  2. O usuário fornece a narração. O usuário deve fornecer a narração manualmente, como sua própria gravação ou um arquivo de áudio gerado por IA de um serviço de sua escolha. Peça MP3/WAV/M4A após a concordância com o roteiro e aguarde antes da produção cronometrada. Não chame um serviço de TTS, invente acesso a uma API de voz ou substitua por um narrador sintético. Se o áudio já foi fornecido, use-o. Veja voiceover-audio.md.
  3. Plano de produção cronometrado. Inspecione e transcreva a gravação, corrija os tempos e, em seguida, defina os quadros da cena, atuação, revelações, câmera e grupos de legendas. Preserve suas palavras e ritmo. Leia production.md; inicialize um projeto separado com o starter incluído, se for útil.
  4. Estabeleça o visual e o movimento. Leia art-direction.md e animation-camera.md. Crie as visões relevantes dos personagens, o quadro integrado de cenário/iluminação e uma prova de ação curta através do caminho de renderização real antes de uma renderização longa. Mostre qualquer prévia antes de se referir a ela em uma pergunta. Resolva designs fracos aqui. Se o usuário solicitar um ponto de verificação de revisão, atenda-o; caso contrário, continue a produção autorizada sem confirmações repetidas.
  5. Construa e finalize. Implemente animação Three.js determinística dentro do Remotion. Adicione legendas compactas usando captions.md, depois uma mixagem priorizando a voz. Renderize e revise o filme codificado usando review.md. Entregue o MP4 e o código-fonte solicitado com cobertura de verificação honesta.

Identidade visual

Padrão para a família estabelecida: cabeças largas em formato de feijão autorais; torsos pequenos e arredondados; braços e pernas finos e fluidos; palmas das mãos em pontinhos; pés chatos; tinta escura de espessura variável; rostos, cabelos e figurinos originais. Use arte frontal/três quartos/costas coerente, não um rosto frontal colado em uma virada. Mantenha esta família enquanto melhora a atuação, materiais, iluminação e profundidade do ambiente. Uma nova direção de arte explícita do usuário pode mudá-la.

O mundo dimensional tem áreas de cor deliberadas, construção legível, sombreamento específico de material, sombras de contato/suporte e contornos selecionados. A luz local motivada deve afetar tanto os personagens quanto o mundo. Bloom, desfoque, geometria extra e saturação global não podem reparar silhuetas ou encenações fracas. A biblioteca de atores incluída e a sala de teste são exemplos de engenharia, não um elenco obrigatório ou design final de filme.

A entrega padrão é 9:16, 30 fps, 1440×2560 H.264/yuv420p com áudio AAC; confirme ou adapte quando o usuário solicitar outra coisa. O inglês é um padrão inicial, não uma restrição a outros idiomas. A duração segue a história e o áudio fornecido, não um minuto forçado.

Regras de trabalho

  • Use história, personagens e assets de produção originais. Para referências fornecidas, leia reference-study.md; mantenha vídeos, quadros, áudio e transcrições privados. Não infira ferramentas/rigs ocultos deles como fatos.
  • Mantenha as gravações de voz byte por byte como assets de origem. Sem alongamento de tempo, mudança de tom, reescrita silenciosa ou substituição de narração sem solicitação do usuário. Alterações intencionais de mixagem devem ser documentadas.
  • Mantenha decisões, fontes, cronometragem de cena, verificações e problemas não resolvidos em arquivos do projeto. Filmes concluídos permanecem fechados, a menos que o usuário solicite alterações.
  • Prefira revisão independente útil quando disponível e autorizada pelo host. Não há contagem de agentes ou modelo obrigatório. Atribua propriedade de arquivo e serializar a renderização de GPU se o trabalho paralelo for usado. Nunca afirme uma verificação que outro agente não realizou.
  • Use um diretório temporário amplo específico do projeto; respeite REMOTION_TMP, TEMP e TMP. Não varra pastas temporárias compartilhadas ou publique entradas privadas. Nenhum upload para plataforma de vídeo ou serviço pago está implícito ao criar um filme.
  • Integridade técnica e qualidade visual/de história são separadas. Uma exportação válida, pontuação numérica legada ou folha de contato por si só não prova um filme polido. Relate limitações claramente.

Recursos incluídos

  • templates/project/: starter executável React/Three.js/Remotion com atores gráficos originais, uma sala texturizada, luzes reais, efeitos de tinta/lente, animação determinística e componente de legenda. O StyleDemo silencioso é um exemplo técnico, não uma história aprovada de um novo usuário.
  • scripts/init-project.mjs: copia o starter para um novo projeto sem sobrescrever uma pasta existente.
  • scripts/package-skill.mjs: cria um ZIP instalável contendo a skill portátil e os recursos; exclui saída gerada e entradas de produção privadas.
  • scripts/validate-package.mjs: verifica links de recursos locais e limites de empacotamento.
  • evals/scenarios.md: verificações de comportamento realistas para manutenção futura.

Instruções de instalação e uso estão em README.md. Use apenas capacidades realmente disponíveis no ambiente atual Codex ou Claude Code. Consulte a documentação oficial atual para dependências alteradas, em vez de adivinhar o comportamento da API.

Habilidades Relacionadas