Añade un efecto de pixel-art a tu juego con la skill pixelfx

Quieres una frost nova para tu juego de navegador, y prefieres no dibujar cuarenta fotogramas a mano. La skill pixelfx permite que Claude Code lo haga: instálala con dos comandos, describe el efecto en una frase y el agente escribe el código. Lo que cuesta esa sesión en un modelo barato depende de cuántos pasos requiera, así que la tabla de abajo lo calcula con precios en vivo para una suposición indicada.

Qué es pixelfx#

pixelfx es una biblioteca de 244 efectos de pixel-art. Según su README (github.com/patch-gg/pixelfx, leído el 4 de noviembre de 2026), cada efecto es un pequeño fragmento de código en src/fx/<category>/, y las categorías van desde fuego, explosiones, agua y hielo hasta rayos, cuerpo a cuerpo, sagrado, sombra, estados, clima, UI y criaturas. Sesenta y un efectos usan un personaje, y hay 12 movimientos completos que encadenan varios efectos.

Dos formas de usarla, según tu motor:

• Juego de navegador: usa el código JavaScript directamente. Sin dependencias.
• Godot u otro motor: exporta los efectos que quieras como hojas de sprites PNG con JSON estilo Aseprite.

El repo también contiene una skill de Claude Code aparte que crea efectos nuevos. Esa skill es el tema de esta guía. Si nunca has abierto un archivo de skill, qué es una skill de agente y cómo evaluarla te lleva cinco minutos y merece la pena leerlo antes de instalar cualquier cosa de un repo.

Instala la skill#

Necesitas Claude Code ya apuntando a CheapTokens. Si no es así, hazlo primero: cómo conectar Claude Code a CheapTokens tiene la dirección y las variables. Para código de juego con archivos largos, una buena opción es DeepSeek-V4-Flash (deepseek-ai/DeepSeek-V4-Flash-0731): hasta 32.768 tokens por respuesta, una ventana de contexto de 380K y un único precio a cualquier hora. Los detalles están en la página de modelos DeepSeek.

El README da dos formas de instalar. La ruta del plugin son dos comandos dentro de Claude Code:

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

La ruta manual es copiar la carpeta skills/pixelfx del repo en ~/.claude/skills/.

Pide un efecto#

La skill se maneja con peticiones normales: añadir, exportar, ajustar o crear un efecto. Los propios ejemplos del README son el mejor punto de partida. Abre la carpeta de tu juego, inicia claude y escribe algo como:

Add a frost nova to my character's ultimate.

Ese es todo el prompt. La skill está pensada para peticiones así: enseña a Claude Code a encontrar, usar, exportar y crear efectos, y cuando crea uno nuevo funciona como un bucle de borrador, render, revisión y refinamiento (según el README). Espera varios pasos en lugar de una sola respuesta, como en cualquier sesión de agente: leer archivos y luego editar.

Si usas Godot, pide lo otro que describe el README:

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

Obtienes un PNG con los fotogramas en una cuadrícula más JSON estilo Aseprite; según el README, los importadores de Aseprite para Godot y Unity lo leen.

Un detalle que conviene saber antes de empezar. Los efectos dibujados sobre el cuerpo están hechos para el dummy estándar de 24x38, así que un personaje con otro tamaño necesita que se regeneren esos efectos.

Cuánto cuesta una sesión#

Aquí está la parte que sorprende a la gente. El efecto en sí es un archivo pequeño. El coste viene del trabajo del agente: en cada paso Claude Code reenvía los archivos del proyecto que ha leído, el texto de la skill y la conversación hasta ese momento.

Aquí tienes una suposición que puedes cambiar para tu propio proyecto: digamos que la sesión dura 20 pasos, cada paso envía unos 30.000 tokens de entrada (archivos, texto de la skill e historial) y el modelo escribe unos 1.500 tokens. En DeepSeek-V4-Flash, uno de esos pasos cuesta $0.0006, y la sesión completa de 20 pasos está en la tabla. También muestra OpenRouter junto a nuestro precio para cada modelo, contado en total con entrada y salida juntas.

Precios por 1M de tokens ahora mismo: entrada $0.015, salida $0.10. Para pequeños ajustes a un efecto que ya existe, GLM-5.3-Flash tiene un contexto de 390K y hasta 8.192 tokens por respuesta, más que suficiente para ajustar colores o tiempos.

Para ver cómo se acumula un día más largo con un agente, cómo abaratar Claude Code repasa los hábitos que reducen la entrada.

Antes de publicarlo#

El código y los efectos tienen licencia MIT. La fuente Patch Pixel en gallery/fonts no está cubierta por MIT (ver NOTICE.md en el repo), y algunos efectos adaptan código MIT de Hugo Duprez y Hollow Crown. Si tu juego incluye la fuente, lee NOTICE.md primero.

Para empezar con tu propia clave y lista de modelos, consulta la documentación de CheapTokens y la página de precios en vivo.