Narzędzia i integracjePrzewodnik
Dodaj efekt pixel-art do swojej gry ze skillem pixelfx
Zainstaluj skill pixelfx w Claude Code, poproś o frost novę i zobacz, ile kosztuje ta sesja na tanim modelu z tabelą kosztów na żywo.
Na tej stronie
Chcesz mieć frost novę w swojej grze przeglądarkowej, a nie chcesz rysować czterdziestu klatek ręcznie. Skill pixelfx pozwala zrobić to w Claude Code: zainstaluj go dwoma poleceniami, opisz efekt w jednym zdaniu, a agent napisze kod. Ile kosztuje taka sesja na tanim modelu, zależy od liczby kroków, więc poniższa tabela liczy to na aktualnych cenach przy podanym założeniu.
Czym jest pixelfx#
pixelfx to biblioteka 244 efektów pixel-art. Według jej README (github.com/patch-gg/pixelfx, czytane 4 listopada 2026) każdy efekt to mały fragment kodu w src/, a kategorie obejmują ogień, eksplozje, wodę i lód, a także błyskawice, walkę wręcz, świętość, cień, statusy, pogodę, UI i stworzenia. Sześćdziesiąt jeden efektów używa postaci, a jest 12 pełnych ruchów łączących kilka efektów.
Dwa sposoby użycia, zależnie od silnika:
- Gra przeglądarkowa: używaj kodu JavaScript bezpośrednio. Bez zależności.
- Godot lub inny silnik: eksportuj wybrane efekty jako arkusze sprite'ów PNG z JSON-em w stylu Aseprite.
Repo zawiera też osobny skill Claude Code, który tworzy nowe efekty. O tym skillu jest ten przewodnik. Jeśli nigdy nie otwierałeś pliku skilla, czym jest skill agenta i jak go zweryfikować zajmie pięć minut i warto to przeczytać, zanim zainstalujesz cokolwiek z repo.
Zainstaluj skill#
Potrzebujesz Claude Code już skierowanego na CheapTokens. Jeśli nie jest, zrób to najpierw: jak podłączyć Claude Code do CheapTokens podaje adres i zmienne. Do kodu gry z długimi plikami dobrym wyborem jest DeepSeek-V4-Flash (deepseek-): do 32 768 tokenów na odpowiedź, okno kontekstu 380K i jedna cena o każdej porze. Szczegóły są na stronie modeli DeepSeek.
README podaje dwa sposoby instalacji. Ścieżka wtyczki to dwa polecenia w Claude Code:
/plugin marketplace add patch-gg/pixelfx
/plugin install pixelfx@pixelfxŚcieżka ręczna to skopiowanie folderu skills/pixelfx z repo do ~/.
Ustaw w kolejności
Ustaw konfigurację we właściwej kolejności
Przeciągnij elementy lub użyj strzałek
- Podłącz Claude Code do swojego klucza CheapTokens
- Dodaj marketplace pixelfx przez /plugin marketplace add
- Zainstaluj skill przez /plugin install
- Poproś o efekt zwykłym językiem
Poproś o jeden efekt#
Skill obsługuje zwykłe prośby: dodaj, eksportuj, popraw lub utwórz efekt. Przykłady z README to najlepszy punkt startowy. Otwórz folder gry, uruchom claude i wpisz coś takiego:
Add a frost nova to my character's ultimate.To cały prompt. Skill jest zbudowany pod takie prośby: uczy Claude Code znajdować, używać, eksportować i tworzyć efekty, a gdy tworzy nowy, działa w pętli szkic, render, obejrzyj, dopracuj (według README). Spodziewaj się kilku kroków, a nie jednej odpowiedzi, jak w każdej sesji agenta: czytanie plików, potem edycja.
Jeśli używasz Godota, poproś o to drugie, co opisuje README:
Export the fire and explosions categories as sprite sheets for Godot.Dostajesz PNG z klatkami w siatce plus JSON w stylu Aseprite; według README czytają go importery Aseprite dla Godota i Unity.
Jedna pułapka warta poznania przed startem. Efekty rysowane na ciele są pisane pod domyślnego manekina 24x38, więc postać o innym rozmiarze wymaga ponownego wygenerowania tych efektów.
Spróbuj samSpróbuj: twój bohater ma 32x48 pikseli. Czy efekt ciała będzie pasował?Pokaż odpowiedź
Nie od razu. Efekty ciała są rysowane pod manekina 24x38, więc poproś Claude Code o ponowne wygenerowanie tego efektu pod rozmiar twojej postaci.
Ile kosztuje sesja#
Oto część, która zaskakuje ludzi. Sam efekt to mały plik. Koszt wynika z pracy agenta: na każdym kroku Claude Code ponownie wysyła przeczytane pliki projektu, tekst skilla i dotychczasową rozmowę.
Szybkie sprawdzenie
Która strona sesji Claude Code zwykle zawiera większość tokenów?
Pokaż odpowiedź
Odpowiedź: Wejście wysyłane ponownie na każdym kroku
Każdy krok niesie cały kontekst roboczy, więc wejście szybko się sumuje, a każda odpowiedź jest znacznie krótsza (w poniższym przykładzie 1500 tokenów wobec 30 000).
Oto założenie, które możesz zmienić dla swojego projektu: powiedzmy, że sesja ma 20 kroków, każdy krok wysyła około 30 000 tokenów wejścia (pliki, tekst skilla i historia), a model pisze około 1500 tokenów. Na DeepSeek-V4-Flash jeden taki krok kosztuje $0.0006, a cała 20-krokowa sesja jest w tabeli. Pokazuje też OpenRouter obok naszej ceny dla każdego modelu, liczone łącznie z wejściem i wyjściem razem.
| Model | Wejście $/1M | Wyjście $/1M | Za żądanie | 20 żądań | OpenRouter, 20 żądań |
|---|---|---|---|---|---|
| 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 tokenów wejściowych i 1500 tokenów wyjściowych na żądanie. Ceny za 1 mln tokenów są aktualne i zmieniają się wraz z naszymi taryfami; kolumna OpenRouter pokazuje ceny referencyjne dla tego samego obciążenia.
Ceny za 1M tokenów teraz: wejście $0.015, wyjście $0.10. Do drobnych poprawek istniejącego efektu GLM-5.3-Flash ma kontekst 390K i do 8192 tokenów na odpowiedź, co w zupełności wystarczy do zmiany kolorów lub timingu.
Aby zobaczyć, jak sumuje się dłuższy dzień z agentem, jak zrobić Claude Code tańszym omawia nawyki, które zmniejszają wejście.
Zanim to wypuścisz#
Kod i efekty są na licencji MIT. Font Patch Pixel w gallery/fonts nie jest objęty MIT (patrz NOTICE.md w repo), a niektóre efekty adaptują kod MIT autorstwa Hugo Dupreza i Hollow Crown. Jeśli twoja gra zawiera ten font, najpierw przeczytaj NOTICE.md.
Aby zacząć z własnym kluczem i listą modeli, zobacz dokumentację CheapTokens i stronę cennika na żywo.
