Füge deinem Spiel mit dem pixelfx-Skill einen Pixel-Art-Effekt hinzu

Du willst eine Frostnova für dein Browserspiel, und du möchtest nicht vierzig Frames von Hand zeichnen. Der pixelfx-Skill lässt Claude Code das erledigen: mit zwei Befehlen installieren, den Effekt in einem Satz beschreiben, und der Agent schreibt den Code. Was diese Session auf einem günstigen Modell kostet, hängt davon ab, wie viele Schritte sie braucht, deshalb rechnet die Tabelle unten mit Live-Preisen für eine genannte Annahme.

Was pixelfx ist#

pixelfx ist eine Bibliothek mit 244 Pixel-Art-Effekten. Laut ihrer README (github.com/patch-gg/pixelfx, gelesen am 4. November 2026) ist jeder Effekt ein kleines Stück Code in src/fx/<category>/, und die Kategorien reichen von Feuer, Explosionen, Wasser und Eis bis zu Blitz, Nahkampf, Heilig, Schatten, Status, Wetter, UI und Kreaturen. Einundsechzig Effekte verwenden eine Figur, und es gibt 12 vollständige Moves, die mehrere Effekte aneinanderketten.

Zwei Arten der Nutzung, je nach Engine:

• Browserspiel: den JavaScript-Code direkt verwenden. Keine Abhängigkeiten.
• Godot oder eine andere Engine: die gewünschten Effekte als PNG-Sprite-Sheets mit Aseprite-artigem JSON exportieren.

Das Repo enthält außerdem einen separaten Claude-Code-Skill, der neue Effekte erstellt. Um diesen Skill geht es in dieser Anleitung. Wenn du noch nie eine Skill-Datei geöffnet hast, was ein Agent-Skill ist und wie man einen prüft dauert fünf Minuten und lohnt sich, bevor du irgendetwas aus einem Repo installierst.

Den Skill installieren#

Du brauchst Claude Code, das bereits auf CheapTokens zeigt. Falls nicht, mach das zuerst: wie man Claude Code mit CheapTokens verbindet enthält die Adresse und die Variablen. Für Spielcode mit langen Dateien passt DeepSeek-V4-Flash (deepseek-ai/DeepSeek-V4-Flash-0731) gut: bis zu 32.768 Tokens pro Antwort, ein Kontextfenster von 380K und ein Preis zu jeder Stunde. Die Details stehen auf der DeepSeek-Modellseite.

Die README nennt zwei Installationswege. Der Plugin-Weg sind zwei Befehle in Claude Code:

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

Der manuelle Weg besteht darin, den Ordner skills/pixelfx aus dem Repo nach ~/.claude/skills/ zu kopieren.

Einen Effekt anfragen#

Der Skill wird über gewöhnliche Anfragen gesteuert: einen Effekt hinzufügen, exportieren, anpassen oder erstellen. Die Beispiele aus der README selbst sind der beste Ausgangspunkt. Öffne deinen Spielordner, starte claude und tippe etwas wie:

Add a frost nova to my character's ultimate.

Das ist der ganze Prompt. Der Skill ist für solche Anfragen gebaut: Er bringt Claude Code bei, Effekte zu finden, zu verwenden, zu exportieren und zu erstellen, und wenn er einen neuen erstellt, arbeitet er als Schleife aus Entwurf, Rendern, Ansehen und Verfeinern (laut README). Rechne mit mehreren Schritten statt einer Antwort, wie in jeder Agent-Session: erst Dateien lesen, dann bearbeiten.

Wenn du Godot verwendest, frag nach der anderen Sache, die die README beschreibt:

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

Du bekommst ein PNG mit den Frames in einem Raster plus Aseprite-artiges JSON; laut README lesen die Aseprite-Importer für Godot und Unity es.

Eine Einschränkung solltest du vor dem Start kennen. Auf dem Körper gezeichnete Effekte sind für die Standard-Dummy-Figur mit 24x38 geschrieben, eine Figur mit anderer Größe braucht diese Effekte also neu generiert.

Was eine Session kostet#

Hier kommt der Teil, der Leute überrascht. Der Effekt selbst ist eine kleine Datei. Die Kosten entstehen durch die Arbeit des Agenten: Bei jedem Schritt sendet Claude Code die gelesenen Projektdateien, den Skill-Text und die bisherige Konversation erneut.

Hier ist eine Annahme, die du für dein eigenes Projekt ändern kannst: Nehmen wir an, die Session braucht 20 Schritte, jeder Schritt sendet etwa 30.000 Tokens Eingabe (Dateien, Skill-Text und Verlauf) und das Modell schreibt etwa 1.500 Tokens. Auf DeepSeek-V4-Flash kostet ein solcher Schritt $0.0006, und die ganze 20-Schritte-Session steht in der Tabelle. Sie zeigt außerdem OpenRouter neben unserem Preis für jedes Modell, insgesamt mit Eingabe und Ausgabe zusammen gerechnet.

Preise pro 1M Tokens aktuell: Eingabe $0.015, Ausgabe $0.10. Für kleine Anpassungen an einem bereits vorhandenen Effekt hat GLM-5.3-Flash einen Kontext von 390K und bis zu 8.192 Tokens pro Antwort, was für das Anpassen von Farben oder Timing reichlich ist.

Um zu sehen, wie sich ein längerer Tag mit einem Agenten summiert, geht wie man Claude Code günstiger macht die Gewohnheiten durch, die die Eingabe reduzieren.

Bevor du es auslieferst#

Der Code und die Effekte stehen unter MIT-Lizenz. Die Patch-Pixel-Schrift in gallery/fonts ist nicht von MIT abgedeckt (siehe NOTICE.md im Repo), und einige Effekte übernehmen MIT-Code von Hugo Duprez und Hollow Crown. Wenn dein Spiel die Schrift ausliefert, lies zuerst NOTICE.md.

Um mit deinem eigenen Schlüssel und deiner Modellliste zu starten, sieh dir die CheapTokens-Dokumentation und die Live-Seite mit den Preisen an.