Como Estender Sua Própria IP Rapidamente com o Claude

Pedindo GIFs diretamente ao Codex e ao Claude

Eles conseguiam produzir uma água-viva animada rapidamente, mas os resultados não ficavam bem certos. O personagem se movia, mas a animação não capturava a essência do design em pixel art do AirJelly.

Tamanho do pixel, silhueta, proporções, limites de cor, formatos dos tentáculos e timing dos quadros, tudo importa. Se até um deles se desviar demais, o resultado começa a parecer um novo personagem semelhante, em vez do próprio AirJelly.

Então o verdadeiro desafio não era gerar uma animação. Era construir restrições claras o suficiente para preservar a identidade visual do personagem por todo o processo.

Conectando o Pixelorama ao Claude

Escolhi o Pixelorama porque ele foi criado especificamente para pixel art e animação quadro a quadro. Ele oferece grades, edição em nível de pixel, gerenciamento de quadros, pré-visualizações de animação e exportações com fundo transparente.

Essas limitações no nível da ferramenta se tornam restrições criativas úteis. Elas dão ao Claude um ambiente que segue a lógica da animação em pixel, em vez de pedir que ele aproxime um estilo de pixel art apenas a partir de uma descrição textual.

O Pixelorama não tinha MCP nativo, então o Claude criou um

O Pixelorama não vem com um servidor MCP, então o primeiro passo foi pedir ao Claude para escrever um e conectá-lo ao fluxo de trabalho. Zero dependências npm, um único arquivo, Node ≥ 18. Ele faz duas coisas: grava arquivos de projeto .pxo diretamente (implementado com base no código-fonte do Pixelorama v1.1.10, pxo_version 6) e aciona a CLI headless do Pixelorama para exportar imagens.

Uma vez integrado, o problema mais difícil — a consistência de estilo — estava praticamente resolvido. O que restava era descrever a ação, a expressão, o timing e os detalhes na conversa, e então fazer o Claude pré-visualizar e refinar.

Transformando lições repetidas em uma Skill reutilizável

Além da integração da ferramenta, reuni os prompts, as regras de design e o fluxo de produção em uma Skill. Isso significa que não preciso mais explicar as mesmas regras ao Claude toda vez que crio uma nova animação — o Claude reutiliza a linguagem visual estabelecida, e o fluxo de trabalho fica mais consistente com o tempo.

Pré-visualize tudo junto, depois exporte em lotes

Organize todas as ações por categoria e pré-visualize-as juntas em uma única página HTML. Isso torna muito mais fácil comparar proporções do personagem, alcance de movimento, velocidade de reprodução e estilo geral em todo o conjunto — e revela inconsistências antes da exportação, não depois.

Depois que cada ação for refinada, exporte o conjunto completo como GIFs transparentes. Projetar juntos, revisar juntos, exportar juntos mantém toda uma família de assets consistente de um jeito que exportar cada um conforme você termina nunca faz.

Estendendo os mesmos assets para mais produtos de IP

Os GIFs não precisam ser o resultado final. Escolha os quadros estáticos mais expressivos das animações, converta-os para SVG e leve-os para o Figma para uma segunda passada — contornos, cores, traços, layout — e então adapte a arte para stickers, charms de acrílico e bottons.

Os mesmos assets de movimento também podem ser reutilizados em vídeo: o AirJelly como um avatar apresentador animado que reage à narração com expressões correspondentes. De emojis animados a gráficos planos, de merchandise físico a personagens de vídeo, uma coleção de assets de IP continua sendo separada, recombinada e reutilizada.