Adicione um efeito de pixel art ao seu jogo com a skill pixelfx

Você quer uma frost nova para o seu jogo de navegador e prefere não desenhar quarenta frames à mão. A skill pixelfx permite que o Claude Code faça isso: instale com dois comandos, descreva o efeito em uma frase e o agente escreve o código. O custo dessa sessão em um modelo barato depende de quantos passos ela leva, então a tabela abaixo calcula isso com preços ao vivo para uma premissa declarada.

O que é o pixelfx#

pixelfx é uma biblioteca de 244 efeitos de pixel art. Segundo seu README (github.com/patch-gg/pixelfx, lido em 4 de novembro de 2026), cada efeito é um pequeno trecho de código em src/fx/<category>/, e as categorias vão de fogo, explosões, água e gelo a raio, corpo a corpo, sagrado, sombra, status, clima, UI e criaturas. Sessenta e um efeitos usam um personagem, e há 12 movimentos completos que encadeiam vários efeitos.

Duas formas de usar, dependendo da sua engine:

• Jogo de navegador: use o código JavaScript diretamente. Sem dependências.
• Godot ou outra engine: exporte os efeitos desejados como sprite sheets PNG com JSON no estilo Aseprite.

O repositório também contém uma skill separada do Claude Code que cria novos efeitos. É sobre essa skill que este guia trata. Se você nunca abriu um arquivo de skill, o que é uma skill de agente e como avaliá-la leva cinco minutos e vale a leitura antes de instalar qualquer coisa de um repositório.

Instale a skill#

Você precisa do Claude Code já apontado para a CheapTokens. Se não estiver, faça isso primeiro: como conectar o Claude Code à CheapTokens tem o endereço e as variáveis. Para código de jogo com arquivos longos, uma boa escolha é o DeepSeek-V4-Flash (deepseek-ai/DeepSeek-V4-Flash-0731): até 32.768 tokens por resposta, janela de contexto de 380K e um único preço a qualquer hora. Os detalhes estão na página dos modelos DeepSeek.

O README dá duas formas de instalar. A rota de plugin são dois comandos dentro do Claude Code:

/plugin marketplace add patch-gg/pixelfx
/plugin install pixelfx@pixelfx

A rota manual é copiar a pasta skills/pixelfx do repositório para ~/.claude/skills/.

Peça um efeito#

A skill é acionada por pedidos comuns: adicionar, exportar, ajustar ou criar um efeito. Os exemplos do próprio README são o melhor ponto de partida. Abra a pasta do seu jogo, inicie claude e digite algo como:

Add a frost nova to my character's ultimate.

Esse é o prompt inteiro. A skill foi feita para pedidos assim: ela ensina o Claude Code a encontrar, usar, exportar e criar efeitos, e quando cria um novo, funciona como um ciclo de rascunhar, renderizar, olhar e refinar (conforme o README). Espere vários passos em vez de uma única resposta, como em qualquer sessão de agente: ler arquivos, depois editar.

Se você usa Godot, peça a outra coisa que o README descreve:

Export the fire and explosions categories as sprite sheets for Godot.

Você recebe um PNG com os frames em grade mais um JSON no estilo Aseprite; segundo o README, os importadores Aseprite para Godot e Unity leem esse formato.

Um detalhe que vale saber antes de começar. Efeitos desenhados no corpo são feitos para o boneco padrão de 24x38, então um personagem com tamanho diferente precisa que esses efeitos sejam regenerados.

Quanto custa uma sessão#

Aqui está a parte que surpreende as pessoas. O efeito em si é um arquivo pequeno. O custo vem do trabalho do agente: a cada passo, o Claude Code reenvia os arquivos do projeto que leu, o texto da skill e a conversa até ali.

Aqui vai uma premissa que você pode mudar para o seu próprio projeto: digamos que a sessão leve 20 passos, cada passo envie cerca de 30.000 tokens de entrada (arquivos, texto da skill e histórico) e o modelo escreva cerca de 1.500 tokens. No DeepSeek-V4-Flash, um passo desses custa $0.0006, e a sessão inteira de 20 passos está na tabela. Ela também mostra o OpenRouter ao lado do nosso preço para cada modelo, contado no total com entrada e saída juntas.

Preços por 1M de tokens agora: entrada $0.015, saída $0.10. Para pequenos ajustes em um efeito que já existe, o GLM-5.3-Flash tem contexto de 390K e até 8.192 tokens por resposta, o que é mais que suficiente para ajustar cores ou timing.

Para ver como um dia mais longo com um agente se acumula, como tornar o Claude Code mais barato passa pelos hábitos que reduzem a entrada.

Antes de publicar#

O código e os efeitos têm licença MIT. A fonte Patch Pixel em gallery/fonts não é coberta pela MIT (veja NOTICE.md no repositório), e alguns efeitos adaptam código MIT de Hugo Duprez e Hollow Crown. Se o seu jogo distribui a fonte, leia o NOTICE.md primeiro.

Para começar com sua própria chave e lista de modelos, veja a documentação da CheapTokens e a página de preços ao vivo.