Magdagdag ng pixel-art effect sa iyong game gamit ang pixelfx skill

Gusto mo ng frost nova para sa iyong browser game, at ayaw mong magguhit ng apatnapung frame nang manwal. Ginagawa ito ng pixelfx skill para sa Claude Code: i-install ito gamit ang dalawang command, ilarawan ang effect sa isang pangungusap, at ang agent ang magsusulat ng code. Ang halaga ng session na iyon sa murang modelo ay depende sa dami ng hakbang, kaya binibilang ito ng talahanayan sa ibaba gamit ang live na presyo para sa isang nakasaad na assumption.

Ano ang pixelfx#

Ang pixelfx ay isang library ng 244 na pixel-art effects. Ayon sa README nito (github.com/patch-gg/pixelfx, binasa noong 4 Nobyembre 2026), ang bawat effect ay isang maliit na piraso ng code sa src/fx/<category>/, at ang mga kategorya ay mula sa apoy, pagsabog, tubig at yelo hanggang sa kidlat, melee, holy, shadow, status, weather, UI at critters. Animnapu't isang effect ang gumagamit ng character, at may 12 buong galaw na nagkakabit ng ilang effect.

Dalawang paraan ng paggamit, depende sa iyong engine:

• Browser game: gamitin ang JavaScript code nang direkta. Walang dependencies.
• Godot o ibang engine: i-export ang mga effect na gusto mo bilang PNG sprite sheets na may Aseprite-style JSON.

May kasama ring hiwalay na Claude Code skill ang repo na gumagawa ng mga bagong effect. Iyon ang skill na tinatalakay ng gabay na ito. Kung hindi mo pa nabubuksan ang isang skill file, ang ano ang agent skill at paano ito suriin ay tumatagal ng limang minuto at sulit basahin bago ka mag-install ng kahit ano mula sa isang repo.

I-install ang skill#

Kailangan mo nang naka-point ang Claude Code sa CheapTokens. Kung hindi pa, gawin muna iyon: ang paano ikonekta ang Claude Code sa CheapTokens ay may address at variables. Para sa game code na may mahahabang file, mainam ang DeepSeek-V4-Flash (deepseek-ai/DeepSeek-V4-Flash-0731): hanggang 32,768 tokens bawat sagot, 380K context window, at isang presyo sa kahit anong oras. Nasa pahina ng DeepSeek models ang mga detalye.

Dalawang paraan ng pag-install ang ibinibigay ng README. Ang plugin route ay dalawang command sa loob ng Claude Code:

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

Ang manual route ay kopyahin ang skills/pixelfx folder mula sa repo papunta sa ~/.claude/skills/.

Humingi ng isang effect#

Ang skill ay pinapatakbo ng ordinaryong request: magdagdag, mag-export, mag-tweak o gumawa ng effect. Ang mga halimbawa sa README mismo ang pinakamagandang simula. Buksan ang folder ng iyong game, simulan ang claude, at i-type ang tulad ng:

Add a frost nova to my character's ultimate.

Iyon na ang buong prompt. Ang skill ay ginawa para sa mga request na tulad nito: tinuturuan nito ang Claude Code na maghanap, gumamit, mag-export at gumawa ng effects, at kapag gumagawa ito ng bago, gumagana ito bilang draft, render, look, refine loop (ayon sa README). Asahan ang ilang hakbang kaysa isang sagot, tulad ng sa anumang agent session: pagbabasa ng files, tapos pag-edit.

Kung gumagamit ka ng Godot, hilingin ang isa pang bagay na inilalarawan ng README:

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

Makakakuha ka ng PNG na may mga frame sa grid kasama ang Aseprite-style JSON; ayon sa README, binabasa ito ng Aseprite importers para sa Godot at Unity.

May isang catch na dapat mong malaman bago magsimula. Ang mga effect na iginuhit sa katawan ay ginawa para sa stock na 24x38 dummy, kaya ang character na may ibang sukat ay kailangang i-regenerate ang mga effect na iyon.

Magkano ang isang session#

Narito ang bahaging nagugulat ang mga tao. Ang effect mismo ay isang maliit na file. Ang gastos ay nagmumula sa pagtatrabaho ng agent: sa bawat hakbang, ipinapadala muli ng Claude Code ang mga project file na nabasa nito, ang skill text at ang usapan hanggang ngayon.

Narito ang isang assumption na maaari mong baguhin para sa iyong sariling proyekto: sabihin nating tumatagal ang session ng 20 hakbang, bawat hakbang ay nagpapadala ng mga 30,000 tokens ng input (files, skill text at history) at ang modelo ay nagsusulat ng mga 1,500 tokens. Sa DeepSeek-V4-Flash, ang isang ganoong hakbang ay nagkakahalaga ng $0.0006, at ang buong 20-hakbang na session ay nasa talahanayan. Ipinapakita rin nito ang OpenRouter sa tabi ng aming presyo para sa bawat modelo, binibilang nang sama-sama ang input at output.

Mga presyo kada 1M tokens ngayon: input $0.015, output $0.10. Para sa maliliit na tweak sa isang effect na mayroon na, ang GLM-5.3-Flash ay may 390K context at hanggang 8,192 tokens bawat sagot, na sapat na para sa pag-adjust ng kulay o timing.

Para makita kung paano nadadagdag ang mas mahabang araw kasama ang isang agent, tinatalakay ng paano gawing mas mura ang Claude Code ang mga gawi na nagpapababa ng input.

Bago mo ito i-ship#

Ang code at mga effect ay MIT-licensed. Ang Patch Pixel font sa gallery/fonts ay hindi saklaw ng MIT (tingnan ang NOTICE.md sa repo), at ang ilang effect ay nag-aadapt ng MIT code nina Hugo Duprez at Hollow Crown. Kung ipapadala ng iyong game ang font, basahin muna ang NOTICE.md.

Para makapagsimula sa sarili mong key at listahan ng modelo, tingnan ang CheapTokens docs at ang live na pricing page.