ब्लॉग पर वापस जाएं

टूल्स और इंटीग्रेशनगाइड

pixelfx स्किल से अपने गेम में पिक्सेल-आर्ट इफ़ेक्ट जोड़ें

Claude Code में pixelfx स्किल इंस्टॉल करें, फ्रॉस्ट नोवा माँगें, और देखें कि उस सेशन की लागत सस्ते मॉडल पर लाइव कॉस्ट टेबल के साथ कितनी है।

CheapTokens Team द्वाराप्रकाशित 8 मिनट का पाठ

Claude Code लोगो के बगल में pixelfx स्किल इंस्टॉल कमांड वाला टर्मिनल
इस पृष्ठ पर
  1. pixelfx क्या है
  2. स्किल इंस्टॉल करें
  3. एक इफ़ेक्ट माँगें
  4. एक सेशन की लागत
  5. शिप करने से पहले

आप अपने ब्राउज़र गेम के लिए फ्रॉस्ट नोवा चाहते हैं, और चालीस फ़्रेम हाथ से बनाना नहीं चाहते। pixelfx स्किल Claude Code से यह करवा सकती है: दो कमांड से इंस्टॉल करें, इफ़ेक्ट को एक वाक्य में बताएं, और एजेंट कोड लिख देता है। किसी सस्ते मॉडल पर उस सेशन की लागत इस पर निर्भर करती है कि उसमें कितने स्टेप लगते हैं, इसलिए नीचे दी गई टेबल एक तय मान्यता के लिए लाइव कीमतों पर इसे गिनती है।

pixelfx क्या है#

pixelfx 244 पिक्सेल-आर्ट इफ़ेक्ट्स की लाइब्रेरी है। इसके README (github.com/patch-gg/pixelfx, 4 नवंबर 2026 को पढ़ा गया) के अनुसार, हर इफ़ेक्ट src/fx/<category>/ में कोड का एक छोटा टुकड़ा है, और श्रेणियाँ आग, विस्फोट, पानी और बर्फ से लेकर बिजली, मेली, होली, शैडो, स्टेटस, मौसम, UI और क्रिटर्स तक जाती हैं। इकसठ इफ़ेक्ट्स एक कैरेक्टर का उपयोग करते हैं, और 12 पूर्ण मूव्स हैं जो कई इफ़ेक्ट्स को एक साथ जोड़ते हैं।

आपके इंजन के अनुसार इसे उपयोग करने के दो तरीके हैं:

  • ब्राउज़र गेम: JavaScript कोड सीधे उपयोग करें। कोई डिपेंडेंसी नहीं।
  • Godot या कोई अन्य इंजन: जो इफ़ेक्ट्स चाहिए उन्हें Aseprite-शैली JSON के साथ PNG स्प्राइट शीट के रूप में एक्सपोर्ट करें।

रेपो में एक अलग Claude Code स्किल भी है जो नए इफ़ेक्ट्स बनाती है। यह गाइड उसी स्किल के बारे में है। अगर आपने कभी स्किल फ़ाइल नहीं खोली है, तो एजेंट स्किल क्या है और उसे कैसे परखें पाँच मिनट लेता है और किसी रेपो से कुछ भी इंस्टॉल करने से पहले इसे पढ़ना फ़ायदेमंद है।

स्किल इंस्टॉल करें#

आपका Claude Code पहले से CheapTokens पर सेट होना चाहिए। अगर नहीं है, तो पहले वह करें: Claude Code को CheapTokens से कैसे जोड़ें में पता और वेरिएबल दिए गए हैं। लंबी फ़ाइलों वाले गेम कोड के लिए DeepSeek-V4-Flash (deepseek-ai/DeepSeek-V4-Flash-0731) अच्छा विकल्प है: प्रति उत्तर 32,768 टोकन तक, 380K कॉन्टेक्स्ट विंडो, और किसी भी समय एक ही कीमत। विवरण DeepSeek मॉडल पेज पर हैं।

README इंस्टॉल करने के दो तरीके देता है। प्लगइन तरीका Claude Code के अंदर दो कमांड हैं:

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

मैन्युअल तरीका है रेपो से skills/pixelfx फ़ोल्डर को ~/.claude/skills/ में कॉपी करना।

pixelfx के दो प्लगइन कमांड दिखाता टर्मिनल
pixelfx README से दो इंस्टॉल कमांड, 4 नवंबर 2026

क्रम में लगाएँ

सेटअप को सही क्रम में रखें

  1. Claude Code को अपनी CheapTokens कुंजी से जोड़ें
  2. /plugin marketplace add से pixelfx मार्केटप्लेस जोड़ें
  3. /plugin install से स्किल इंस्टॉल करें
  4. सादी भाषा में एक इफ़ेक्ट माँगें

एक इफ़ेक्ट माँगें#

स्किल सामान्य अनुरोधों से चलती है: इफ़ेक्ट जोड़ें, एक्सपोर्ट करें, बदलें या बनाएं। README के अपने उदाहरण सबसे अच्छा शुरुआती बिंदु हैं। अपना गेम फ़ोल्डर खोलें, claude शुरू करें, और कुछ ऐसा टाइप करें:

text
Add a frost nova to my character's ultimate.

बस इतना ही प्रॉम्प्ट है। स्किल ऐसे अनुरोधों के लिए बनी है: यह Claude Code को इफ़ेक्ट्स ढूँढ़ना, उपयोग करना, एक्सपोर्ट करना और बनाना सिखाती है, और जब यह नया इफ़ेक्ट बनाती है तो यह ड्राफ़्ट, रेंडर, देखो, सुधारो के लूप में काम करती है (README के अनुसार)। किसी भी एजेंट सेशन की तरह एक जवाब के बजाय कई स्टेप्स की उम्मीद रखें: पहले फ़ाइलें पढ़ना, फिर एडिट करना।

अगर आप Godot उपयोग करते हैं, तो README में बताई गई दूसरी चीज़ माँगें:

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

आपको ग्रिड में फ़्रेम वाला PNG और Aseprite-शैली JSON मिलता है; README के अनुसार, Godot और Unity के Aseprite इम्पोर्टर इसे पढ़ते हैं।

शुरू करने से पहले एक बात जान लेना ज़रूरी है। बॉडी पर बने इफ़ेक्ट्स स्टॉक 24x38 डमी के लिए लिखे गए हैं, इसलिए अलग साइज़ वाले कैरेक्टर के लिए उन इफ़ेक्ट्स को फिर से जनरेट करना पड़ेगा।

स्वयं आज़माएँआज़माएं: आपका हीरो 32x48 पिक्सेल है। क्या बॉडी इफ़ेक्ट लाइन में आएगा?उत्तर दिखाएँ

बिना बदलाव के नहीं। बॉडी इफ़ेक्ट्स 24x38 डमी के लिए बने हैं, इसलिए Claude Code से कहें कि वह उस इफ़ेक्ट को आपके कैरेक्टर के साइज़ के लिए फिर से जनरेट करे।

pixelfx README से दो उदाहरण प्रॉम्प्ट वाला टर्मिनल
pixelfx README से दो उदाहरण प्रॉम्प्ट, 4 नवंबर 2026

एक सेशन की लागत#

यहाँ वह हिस्सा है जो लोगों को चौंकाता है। इफ़ेक्ट खुद एक छोटी फ़ाइल है। लागत एजेंट के काम करने से आती है: हर स्टेप पर Claude Code उन प्रोजेक्ट फ़ाइलों को फिर से भेजता है जो उसने पढ़ी हैं, स्किल का टेक्स्ट और अब तक की बातचीत।

त्वरित जाँच

Claude Code सेशन का कौन-सा हिस्सा आमतौर पर सबसे ज़्यादा टोकन रखता है?

उत्तर दिखाएँ

उत्तर: हर स्टेप पर फिर से भेजा गया इनपुट

हर स्टेप पूरा कार्यशील कॉन्टेक्स्ट ले चलता है, इसलिए इनपुट तेज़ी से बढ़ता है, जबकि हर उत्तर बहुत छोटा होता है (नीचे के उदाहरण में 30,000 के मुकाबले 1,500 टोकन)।

यहाँ एक मान्यता है जिसे आप अपने प्रोजेक्ट के लिए बदल सकते हैं: मान लें सेशन में 20 स्टेप लगते हैं, हर स्टेप लगभग 30,000 टोकन इनपुट भेजता है (फ़ाइलें, स्किल टेक्स्ट और इतिहास) और मॉडल लगभग 1,500 टोकन लिखता है। DeepSeek-V4-Flash पर ऐसे एक स्टेप की लागत $0.0006 है, और पूरा 20-स्टेप सेशन टेबल में है। यह हर मॉडल के लिए हमारी कीमत के बगल में OpenRouter भी दिखाती है, इनपुट और आउटपुट को मिलाकर कुल में गिना गया।

मॉडल प्रति अनुरोध 20 अनुरोध OpenRouter, 20 अनुरोध
GLM-5.3-Flash $0.00066 $0.0132 $0.0226
DeepSeek-V4-Flash $0.0006 $0.012 $0.0462
MiniMax-M2.7 $0.0017 $0.0345 $0.414

प्रति अनुरोध 30,000 इनपुट और 1,500 आउटपुट टोकन। प्रति 1M टोकन की कीमतें वर्तमान हैं और हमारे टैरिफ के साथ बदलती रहती हैं; OpenRouter कॉलम समान कार्यभार के लिए संदर्भ कीमतें दिखाता है।

अभी प्रति 1M टोकन कीमतें: इनपुट $0.015, आउटपुट $0.10। किसी मौजूदा इफ़ेक्ट में छोटे बदलावों के लिए GLM-5.3-Flash में 390K कॉन्टेक्स्ट और प्रति उत्तर 8,192 टोकन तक है, जो रंग या टाइमिंग बदलने के लिए काफ़ी है।

एजेंट के साथ लंबे दिन का खर्च कैसे जुड़ता है, यह देखने के लिए Claude Code को सस्ता कैसे बनाएं उन आदतों पर जाता है जो इनपुट घटाती हैं।

शिप करने से पहले#

कोड और इफ़ेक्ट्स MIT-लाइसेंस्ड हैं। gallery/fonts में मौजूद Patch Pixel फ़ॉन्ट MIT के अंतर्गत नहीं आता (रेपो में NOTICE.md देखें), और कुछ इफ़ेक्ट्स Hugo Duprez और Hollow Crown के MIT कोड को अनुकूलित करते हैं। अगर आपका गेम फ़ॉन्ट शिप करता है, तो पहले NOTICE.md पढ़ें।

अपनी कुंजी और मॉडल सूची के साथ शुरू करने के लिए, CheapTokens डॉक्स और लाइव प्राइसिंग पेज देखें।