Aggiungi un effetto pixel-art al tuo gioco con la skill pixelfx

Vuoi una frost nova per il tuo gioco browser e preferiresti non disegnare quaranta frame a mano. La skill pixelfx permette a Claude Code di farlo: installala con due comandi, descrivi l'effetto in una frase e l'agente scrive il codice. Quanto costa quella sessione su un modello economico dipende da quanti passaggi richiede, quindi la tabella qui sotto la calcola sui prezzi live per un'ipotesi dichiarata.

Cos'è pixelfx#

pixelfx è una libreria di 244 effetti pixel-art. Secondo il suo README (github.com/patch-gg/pixelfx, letto il 4 novembre 2026), ogni effetto è un piccolo pezzo di codice in src/fx/<category>/, e le categorie vanno da fuoco, esplosioni, acqua e ghiaccio a fulmini, mischia, sacro, ombra, status, meteo, UI e creaturine. Sessantuno effetti usano un personaggio, e ci sono 12 mosse complete che concatenano più effetti insieme.

Due modi per usarla, a seconda del tuo engine:

• Gioco browser: usa direttamente il codice JavaScript. Nessuna dipendenza.
• Godot o un altro engine: esporta gli effetti che vuoi come sprite sheet PNG con JSON in stile Aseprite.

Il repo contiene anche una skill separata per Claude Code che crea nuovi effetti. È di quella skill che parla questa guida. Se non hai mai aperto un file di skill, cos'è una skill per agenti e come valutarne una richiede cinque minuti e vale la pena leggerlo prima di installare qualsiasi cosa da un repo.

Installa la skill#

Devi avere Claude Code già puntato su CheapTokens. Se non lo è, fallo prima: come collegare Claude Code a CheapTokens contiene l'indirizzo e le variabili. Per codice di gioco con file lunghi, una buona scelta è DeepSeek-V4-Flash (deepseek-ai/DeepSeek-V4-Flash-0731): fino a 32.768 token per risposta, una finestra di contesto da 380K e un unico prezzo a qualsiasi ora. I dettagli sono nella pagina dei modelli DeepSeek.

Il README indica due modi per installare. La via del plugin sono due comandi dentro Claude Code:

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

La via manuale è copiare la cartella skills/pixelfx dal repo in ~/.claude/skills/.

Chiedi un effetto#

La skill si guida con richieste ordinarie: aggiungi, esporta, modifica o crea un effetto. Gli esempi del README stesso sono il punto di partenza migliore. Apri la cartella del tuo gioco, avvia claude e digita qualcosa come:

Add a frost nova to my character's ultimate.

Questo è l'intero prompt. La skill è pensata per richieste come questa: insegna a Claude Code a trovare, usare, esportare e creare effetti, e quando ne crea uno nuovo lavora in un ciclo bozza, render, guarda, rifinisci (secondo il README). Aspettati diversi passaggi invece di una sola risposta, come in qualsiasi sessione di un agente: prima legge i file, poi modifica.

Se usi Godot, chiedi l'altra cosa descritta nel README:

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

Ottieni un PNG con i frame in una griglia più un JSON in stile Aseprite; secondo il README, gli importatori Aseprite per Godot e Unity lo leggono.

Un dettaglio da sapere prima di iniziare. Gli effetti disegnati sul corpo sono scritti per il dummy standard 24x38, quindi un personaggio di dimensioni diverse richiede di rigenerare quegli effetti.

Quanto costa una sessione#

Ecco la parte che sorprende. L'effetto in sé è un file piccolo. Il costo deriva dal lavoro dell'agente: a ogni passaggio Claude Code reinvia i file di progetto che ha letto, il testo della skill e la conversazione fin lì.

Ecco un'ipotesi che puoi cambiare per il tuo progetto: supponiamo che la sessione richieda 20 passaggi, che ogni passaggio invii circa 30.000 token di input (file, testo della skill e cronologia) e che il modello scriva circa 1.500 token. Su DeepSeek-V4-Flash, un passaggio così costa $0.0006, e l'intera sessione da 20 passaggi è nella tabella. Mostra anche OpenRouter accanto al nostro prezzo per ogni modello, calcolato in totale con input e output insieme.

Prezzi per 1M token in questo momento: input $0.015, output $0.10. Per piccole modifiche a un effetto già esistente, GLM-5.3-Flash ha un contesto da 390K e fino a 8.192 token per risposta, più che sufficienti per regolare colori o timing.

Per vedere come si accumula una giornata più lunga con un agente, come rendere Claude Code più economico passa in rassegna le abitudini che riducono l'input.

Prima di pubblicare#

Il codice e gli effetti sono con licenza MIT. Il font Patch Pixel in gallery/fonts non è coperto da MIT (vedi NOTICE.md nel repo), e alcuni effetti adattano codice MIT di Hugo Duprez e Hollow Crown. Se il tuo gioco include il font, leggi prima NOTICE.md.

Per iniziare con la tua chiave e la tua lista di modelli, vedi la documentazione CheapTokens e la pagina prezzi live.