अगर आप “App Store स्क्रीनशॉट जनरेटर” या “AI स्टोर स्क्रीनशॉट टूल” खोज रहे हैं, तो शायद आपको किसी तस्वीर के चारों ओर फ़ोन का फ़्रेम लगाने से अधिक चाहिए। आप ऐसे मार्केटिंग एसेट बनाना चाहते हैं जो आपके ऐप का महत्व समझाएँ, साइज़ की आवश्यकताएँ पूरी करें और आसानी से अपडेट किए जा सकें। ओपन सोर्स प्रोजेक्ट ParthJadhav/app-store-screenshots इसी पूरी प्रक्रिया के लिए बनाया गया है।
App Store Screenshots Skill क्या है?
App Store Screenshots Skill, Claude Code, Cursor, Windsurf, OpenCode और Codex जैसे AI कोडिंग एजेंट के लिए एक ओपन सोर्स स्किल है। इंस्टॉल होने के बाद, यह एजेंट को Next.js, React और TypeScript का इस्तेमाल करके आपके प्रोजेक्ट में स्टोर स्क्रीनशॉट एडिटर बनाने का तरीका बताता है। इससे आपको ऐसी तस्वीर के बजाय एक संपादन योग्य टूल मिलता है, जिसे बाद में बदलना आसान है।
एडिटर में iPhone, iPad, Android फ़ोन, Android टैबलेट और Google Play Feature Graphic के लिए अलग कैनवस मिलते हैं। आप डिवाइस, टेक्स्ट और सजावटी एलिमेंट खींचकर रख सकते हैं, थीम और भाषाएँ बदल सकते हैं, फिर हर ज़रूरी साइज़ को PNG फ़ाइलों के सेट के रूप में एक्सपोर्ट कर सकते हैं।
“स्क्रीनशॉट विज्ञापन हैं, दस्तावेज़ नहीं।”
App Store Screenshots Skill का एक मूल सिद्धांत
यह सिद्धांत बताता है कि यह आम मॉकअप टूल से कैसे अलग है: स्टोर स्क्रीनशॉट को एक सेकंड में उपयोगकर्ता को मिलने वाला लाभ बताना चाहिए, फिर इंटरफ़ेस दिखाना चाहिए। हर तस्वीर में बिक्री का एक कारण रखें और पक्का करें कि उसका शीर्षक खोज परिणामों में दिखने वाले थंबनेल साइज़ पर भी पढ़ा जा सके।
AI से कुछ तस्वीरें माँगने की तुलना में यह अधिक उपयोगी क्यों है?
इमेज जनरेशन टूल किसी विज़ुअल दिशा को आज़माने के लिए उपयोगी हैं। स्टोर एसेट में सटीक UI और टेक्स्ट, भरोसेमंद डाइमेंशन और नई रिलीज़ व भाषाओं के लिए लगातार अपडेट की सुविधा भी चाहिए। यह स्किल एजेंट को अधिक उपयुक्त काम देता है: प्रोडक्शन टूल बनाएँ, एसेट व्यवस्थित करें और डिज़ाइन सुझाएँ, जबकि अंतिम नियंत्रण विज़ुअल एडिटर में बना रहे।
- नतीजा आम तौर पर एक स्थिर तस्वीर होता है
- साइज़ और भाषाओं के लिए हाथ से बार-बार काम करना पड़ता है
- बदलावों का हिसाब रखना मुश्किल है
- पूरा Next.js एडिटर देता है
- डिवाइस और भाषाएँ एक साथ संभालता है
- प्रोजेक्ट की स्थिति ऐसे JSON में रखता है, जिसे आप Git में कमिट कर सकते हैं
छह उपयोगी क्षमताएँ
Connected Canvas
स्क्रीनशॉट क्रम को साथ-साथ डिज़ाइन करें। फ़ोन, पाथ और सजावट पास वाली स्क्रीन तक फैल सकते हैं, फिर एक्सपोर्ट के समय सटीक कटाई होती है।
Visual Inspector
पेज कोड हाथ से संपादित किए बिना शीर्षक, लेबल, लेआउट, लेयर, घुमाव, स्केल और स्क्रीनशॉट स्रोत बदलने के लिए दाईं ओर के पैनल का इस्तेमाल करें।
कई प्लेटफ़ॉर्म के लिए कैनवस
एक वर्कफ़्लो में iPhone, iPad, Android फ़ोन, 7-इंच और 10-इंच टैबलेट और Feature Graphic शामिल हैं।
स्थानीयकरण और RTL
हर भाषा के अनुसार कॉपी और स्क्रीन सहेजें, फिर अरबी और हिब्रू जैसी दाएँ से बाएँ लिखी जाने वाली भाषाओं के लेआउट जाँचें।
प्रोजेक्ट की स्थिति सहेजी रहती है
app-store-screenshots.json पढ़ने और समीक्षा करने योग्य मुख्य स्रोत है, इसलिए दूसरे कंप्यूटर पर जाने के बाद भी आप काम जारी रख सकते हैं।
बैच एक्सपोर्ट
प्लेटफ़ॉर्म, डिवाइस, रिज़ॉल्यूशन और भाषा के अनुसार व्यवस्थित फ़ाइलें एक्सपोर्ट करें। इससे सबमिशन से पहले साइज़ और नाम बार-बार बदलने का काम घटता है।
कच्चे स्क्रीनशॉट से स्टोर के लिए तैयार एसेट तक
इस प्रक्रिया के छह चरण हैं: असली डिवाइस स्क्रीनशॉट और ऐप आइकन तैयार करें; स्किल इंस्टॉल करें; एजेंट से एडिटर बनाने या माइग्रेट करने को कहें; जुड़े हुए कैनवस पर कहानी और विज़ुअल बेहतर करें; हर भाषा पूरी करें; और आपके स्टोर के लिए ज़रूरी इमेज पैकेज एक्सपोर्ट करें।
इसे इंस्टॉल करके शुरुआत कैसे करें?
सबसे तेज़ तरीका skills CLI है। प्रोजेक्ट के लिए Node.js 18 या उसके बाद का संस्करण चाहिए और यह bun, pnpm, yarn या npm के साथ काम करता है।
npx skills add ParthJadhav/app-store-screenshots
इंस्टॉल करने के बाद एजेंट को “कुछ स्क्रीनशॉट बनाओ” से अधिक जानकारी दें। प्रोडक्ट का महत्व, फ़ीचर की प्राथमिकताएँ, लक्षित डिवाइस, भाषाएँ, शैली और स्क्रीन की संख्या बताने वाला संक्षिप्त विवरण पहले संस्करण को कहीं बेहतर बनाएगा।
सुझाया गया प्रॉम्प्ट टेम्पलेट
मेरे आदत ट्रैकिंग ऐप के लिए App Store स्क्रीनशॉट बनाएँ। यह आसान दैनिक योजना से लोगों को लगातार अपनी आदत निभाने में मदद करता है। सबसे महत्वपूर्ण फ़ीचर क्रम से हैं: तुरंत चेक-इन, रुझानों की समीक्षा और होम स्क्रीन विजेट। मुझे iPhone के दो सेट चाहिए, एक अंग्रेज़ी में और एक सरलीकृत चीनी में, हर सेट में छह स्क्रीनशॉट हों। विज़ुअल शैली साफ़, सहज और सधी हुई होनी चाहिए। असली स्क्रीनशॉट ./marketing/screenshots में हैं और आइकन ./AppIcon.png पर है।
पहले से तैयार रखने वाले एसेट
- सिम्युलेटर, एम्युलेटर या असली डिवाइस से लिए गए ऐप स्क्रीनशॉट
- पारदर्शी या उच्च रिज़ॉल्यूशन वाला ऐप आइकन
- एक वाक्य में प्रोडक्ट का विवरण और बिक्री के तीन से पाँच मुख्य कारण
- आपके लक्षित स्टोर, डिवाइस, भाषाएँ और स्क्रीन की संख्या
- ब्रांड के रंग, फ़ॉन्ट या संदर्भ के लिए ऐप
यह App Store और Google Play के कौन से साइज़ एक्सपोर्ट कर सकता है?
यह स्किल हर प्लेटफ़ॉर्म के सबसे बड़े समर्थित साइज़ में डिज़ाइन बनाती है, फिर छोटे संस्करण तैयार करती है। नीचे दी गई तालिका में प्रोजेक्ट के सामान्य एक्सपोर्ट प्रीसेट हैं। सबमिट करने से पहले नवीनतम Apple Screenshot Specifications और Google Play Preview Assets की आवश्यकताएँ देखें।
| स्टोर | डिवाइस / एसेट | एक्सपोर्ट रिज़ॉल्यूशन |
|---|---|---|
| Apple App Store | 6.9-इंच iPhone | 1320 × 2868 |
| 6.5-इंच iPhone | 1284 × 2778 | |
| 6.3-इंच iPhone | 1206 × 2622 | |
| 6.1-इंच iPhone | 1125 × 2436 | |
| Google Play | फ़ोन, पोर्ट्रेट | 1080 × 1920 |
| 7-इंच टैबलेट | 1200 × 1920 / 1920 × 1200 | |
| 10-इंच टैबलेट | 1600 × 2560 / 2560 × 1600 | |
| Feature Graphic | 1024 × 500 |
ध्यान दें: Google Play में Wear OS और Android Automotive OS सहित कुछ खास फ़ॉर्म फ़ैक्टर के लिए अतिरिक्त नियम हैं। स्क्रीनशॉट में ऐप के मौजूदा फ़ीचर सही तरह दिखने चाहिए; भ्रामक तस्वीरों या मार्केटिंग दावों से बचें।
यह किसके लिए है और इसकी सीमाएँ क्या हैं?
इनके लिए उपयुक्त
- स्वतंत्र डेवलपर और छोटी प्रोडक्ट टीमें
- iOS और Android, दोनों पर रिलीज़ होने वाले ऐप
- फ़ीचर स्क्रीनशॉट बार-बार अपडेट करने वाले प्रोजेक्ट
- कई भाषाओं में स्टोर एसेट संभालने वाली टीमें
इन बातों का ध्यान रखें
- आपको अब भी असली प्रोडक्ट के अच्छी गुणवत्ता वाले स्क्रीनशॉट चाहिए
- कॉपी के पहले ड्राफ़्ट में प्रोडक्ट की समझ और किसी व्यक्ति की समीक्षा चाहिए
- ब्रांड के जटिल विज़ुअल के लिए थीम कोड बढ़ाना पड़ सकता है
- एक्सपोर्ट की गई हर तस्वीर को अब भी थंबनेल और नियमों के पालन के लिए जाँचना होगा
यह बार-बार होने वाला काम और अपने टूल बनाने की लागत कम कर सकता है, लेकिन प्रोडक्ट पोज़िशनिंग, ब्रांड रणनीति या अंतिम समीक्षा की जगह नहीं लेता। एजेंट को वर्कस्पेस बनाने और विकल्प सुझाने दें; डिज़ाइनर या डेवलपर को फ़ैसले लेने और नतीजे जाँचने दें।
अक्सर पूछे जाने वाले सवाल
क्या यह केवल iOS App Store स्क्रीनशॉट बनाता है?
नहीं। प्रोजेक्ट iPhone, iPad, Android फ़ोन, Android टैबलेट और 1024 × 500 Google Play Feature Graphic के साथ काम करता है।
क्या मैं डिज़ाइन की जानकारी के बिना इसका इस्तेमाल कर सकता हूँ?
हाँ। यह स्किल थीम, लेआउट और कॉपी लिखने के सिद्धांत देती है, और एडिटर खींचकर छोड़ने वाले बदलावों के साथ काम करता है। अगर आपके ऐप के ब्रांड के कड़े दिशानिर्देश हैं, तो डिज़ाइनर को अंतिम नतीजे की समीक्षा करनी चाहिए।
क्या मैं स्क्रीनशॉट प्रोजेक्ट अपनी टीम को सौंप सकता हूँ?
हाँ। इमेज एसेट और app-store-screenshots.json, दोनों को Git में कमिट किया जा सकता है। टीम के सदस्य प्रोजेक्ट क्लोन करके, उसकी डिपेंडेंसी इंस्टॉल करके संपादन जारी रख सकते हैं।
क्या यह मेरे ऐप की हर स्क्रीन अपने आप कैप्चर करता है?
नहीं। यह स्किल स्टोर के मार्केटिंग स्क्रीनशॉट डिज़ाइन और व्यवस्थित करने, फिर उन्हें एक्सपोर्ट करने पर केंद्रित है। iOS प्रोजेक्ट में लेखक की ios-marketing-capture स्किल स्रोत स्क्रीनशॉट अपने आप कैप्चर करने में मदद कर सकती है। दूसरे स्टैक के लिए पहले एसेट हाथ से तैयार करें।
क्या आपको इसे अपने रिलीज़ वर्कफ़्लो में जोड़ना चाहिए?
अगर हर रिलीज़ में वही साइज़ बदलना, डिवाइस फ़्रेम लगाना, कॉपी रखना और भाषा वाले फ़ोल्डर साफ़ करना दोहराना पड़ता है, तो इस पर विचार किया जा सकता है। App Store Screenshots Skill का मुख्य लाभ बिखरी हुई मार्केटिंग एसेट प्रक्रिया को ऐसे प्रोजेक्ट में बदलना है, जिसे आप संपादित, दोबारा इस्तेमाल, समीक्षा और किसी को सौंप सकते हैं।