Ajoutez un effet pixel-art à votre jeu avec la skill pixelfx
Installez la skill pixelfx dans Claude Code, demandez une nova de givre, et voyez ce que coûte cette session sur un modèle bon marché avec un tableau de coûts en direct.
Sur cette page
Vous voulez une nova de givre pour votre jeu navigateur, et vous préférez éviter de dessiner quarante images à la main. La skill pixelfx permet à Claude Code de le faire : installez-la en deux commandes, décrivez l'effet en une phrase, et l'agent écrit le code. Le coût de cette session sur un modèle bon marché dépend du nombre d'étapes, c'est pourquoi le tableau ci-dessous le calcule sur les prix en direct pour une hypothèse donnée.
Ce qu'est pixelfx#
pixelfx est une bibliothèque de 244 effets en pixel-art. D'après son README (github.com/patch-gg/pixelfx, consulté le 4 novembre 2026), chaque effet est un petit bout de code en src/, et les catégories vont du feu, des explosions, de l'eau et de la glace à la foudre, au corps à corps, au sacré, à l'ombre, aux états, à la météo, à l'UI et aux créatures. Soixante et un effets utilisent un personnage, et il y a 12 mouvements complets qui enchaînent plusieurs effets.
Deux façons de l'utiliser, selon votre moteur :
- Jeu navigateur : utilisez directement le code JavaScript. Aucune dépendance.
- Godot ou un autre moteur : exportez les effets voulus en feuilles de sprites PNG avec un JSON de style Aseprite.
Le dépôt contient aussi une skill Claude Code distincte qui crée de nouveaux effets. C'est de cette skill que parle ce guide. Si vous n'avez jamais ouvert un fichier de skill, ce qu'est une skill d'agent et comment l'évaluer prend cinq minutes et vaut la lecture avant d'installer quoi que ce soit depuis un dépôt.
Installer la skill#
Il faut que Claude Code soit déjà pointé vers CheapTokens. Sinon, faites-le d'abord : comment connecter Claude Code à CheapTokens donne l'adresse et les variables. Pour du code de jeu avec de longs fichiers, un bon choix est DeepSeek-V4-Flash (deepseek-) : jusqu'à 32 768 tokens par réponse, une fenêtre de contexte de 380K, et un seul prix à toute heure. Les détails sont sur la page des modèles DeepSeek.
Le README donne deux façons d'installer. La voie plugin, ce sont deux commandes dans Claude Code :
/plugin marketplace add patch-gg/pixelfx
/plugin install pixelfx@pixelfxLa voie manuelle consiste à copier le dossier skills/pixelfx du dépôt dans ~/.
Remettre en ordre
Mettez l'installation dans le bon ordre
Faites glisser les éléments ou utilisez les flèches
- Connectez Claude Code à votre clé CheapTokens
- Ajoutez le marketplace pixelfx avec /plugin marketplace add
- Installez la skill avec /plugin install
- Demandez un effet en langage naturel
Demander un effet#
La skill se pilote par des demandes ordinaires : ajouter, exporter, ajuster ou créer un effet. Les exemples du README sont le meilleur point de départ. Ouvrez votre dossier de jeu, lancez claude, et tapez quelque chose comme :
Add a frost nova to my character's ultimate.C'est tout le prompt. La skill est conçue pour ce genre de demandes : elle apprend à Claude Code à trouver, utiliser, exporter et créer des effets, et quand il en crée un nouveau, il fonctionne en boucle brouillon, rendu, inspection, affinage (selon le README). Attendez-vous à plusieurs étapes plutôt qu'à une seule réponse, comme dans toute session d'agent : lire des fichiers, puis modifier.
Si vous utilisez Godot, demandez l'autre chose que décrit le README :
Export the fire and explosions categories as sprite sheets for Godot.Vous obtenez un PNG avec les images en grille plus un JSON de style Aseprite ; selon le README, les importateurs Aseprite pour Godot et Unity le lisent.
Un piège à connaître avant de commencer. Les effets dessinés sur le corps sont écrits pour le mannequin standard 24x38, donc un personnage de taille différente nécessite de régénérer ces effets.
Essayez vous-mêmeEssayez : votre héros fait 32x48 pixels. Un effet de corps s'alignera-t-il ?Afficher la réponse
Pas tel quel. Les effets de corps sont dessinés pour le mannequin 24x38, donc demandez à Claude Code de régénérer cet effet pour la taille de votre personnage.
Ce que coûte une session#
Voici la partie qui surprend. L'effet lui-même est un petit fichier. Le coût vient du travail de l'agent : à chaque étape, Claude Code renvoie les fichiers du projet qu'il a lus, le texte de la skill et la conversation jusqu'ici.
Vérification rapide
Quel côté d'une session Claude Code contient généralement le plus de tokens ?
Afficher la réponse
Réponse: L'entrée renvoyée à chaque étape
Chaque étape porte tout le contexte de travail, donc l'entrée s'accumule vite, tandis que chaque réponse est bien plus courte (dans l'exemple ci-dessous, 1 500 tokens contre 30 000).
Voici une hypothèse que vous pouvez adapter à votre propre projet : disons que la session prend 20 étapes, que chaque étape envoie environ 30 000 tokens d'entrée (fichiers, texte de la skill et historique) et que le modèle écrit environ 1 500 tokens. Sur DeepSeek-V4-Flash, une telle étape coûte $0.0006, et la session complète de 20 étapes figure dans le tableau. Il montre aussi OpenRouter à côté de notre prix pour chaque modèle, compté au total avec entrée et sortie ensemble.
| Modèle | Entrée $/1M | Sortie $/1M | Par requête | 20 requêtes | OpenRouter, 20 requêtes |
|---|---|---|---|---|---|
| GLM-5.3-Flash | $0.02 | $0.04 | $0.00066 | $0.0132 | $0.0226 |
| DeepSeek-V4-Flash | $0.015 | $0.10 | $0.0006 | $0.012 | $0.0462 |
| MiniMax-M2.7 | $0.05 | $0.15 | $0.0017 | $0.0345 | $0.414 |
30 000 tokens d'entrée et 1 500 tokens de sortie par requête. Les prix par million de tokens sont actuels et évoluent avec nos tarifs ; la colonne OpenRouter indique des prix de référence pour la même charge de travail.
Prix par 1M de tokens en ce moment : entrée $0.015, sortie $0.10. Pour de petits ajustements à un effet existant, GLM-5.3-Flash dispose d'un contexte de 390K et de jusqu'à 8 192 tokens par réponse, largement suffisant pour ajuster les couleurs ou le timing.
Pour voir comment une journée plus longue avec un agent s'additionne, comment rendre Claude Code moins cher passe en revue les habitudes qui réduisent l'entrée.
Avant de livrer#
Le code et les effets sont sous licence MIT. La police Patch Pixel dans gallery/fonts n'est pas couverte par la MIT (voir NOTICE.md dans le dépôt), et certains effets adaptent du code MIT de Hugo Duprez et Hollow Crown. Si votre jeu embarque la police, lisez NOTICE.md d'abord.
Pour démarrer avec votre propre clé et la liste des modèles, consultez la documentation CheapTokens et la page tarifs en direct.
