कोडिंग करते हुए ऐप आइकन, लैंडिंग पेज की मुख्य इमेज या प्लेसहोल्डर इमेज का सेट माँगिए, और फ़ाइलें उसी Claude Code सेशन में पाइए। Picasso IA का MCP सर्वर कैटलॉग के इमेज मॉडल चलाता है, और हर नतीजा प्रकाशित करने से पहले आप खुद जाँचते हैं।
हर प्रोजेक्ट में वह मोड़ आता है जब ऐप को एक आइकन चाहिए, लैंडिंग पेज को एक मुख्य इमेज चाहिए और खाली स्क्रीन को ग्रे बॉक्स से बेहतर कुछ चाहिए। यह सब आप टर्मिनल छोड़े बिना बना सकते हैं। Picasso IA का MCP सर्वर Claude Code को उसी सेशन से इमेज मॉडल बुलाने देता है जिसमें आप कोड लिख रहे हैं, और नतीजे फ़ाइल के रूप में लौटते हैं जिन्हें आप प्रोजेक्ट फ़ोल्डर में सेव कर सकते हैं। क्या प्रकाशित होगा, यह फ़ैसला आपका ही रहता है।
ज़्यादातर डेवलपर विज़ुअल एसेट अच्छी तरह नहीं संभाल पाते, और इसकी वजह पसंद की कमी नहीं होती। आम तरीका यह है कि कोडिंग रोकिए, कोई डिज़ाइन टूल या स्टॉक साइट खोलिए, खोजिए, डाउनलोड कीजिए, फ़ाइल का नाम बदलिए, उसे रेपो में डालिए और फिर याद करने की कोशिश कीजिए कि मूल प्रॉम्प्ट क्या था। हर कदम छोटा है, लेकिन सब मिलकर समझाते हैं कि प्रोटोटाइप तीन हफ़्ते तक ग्रे बॉक्स के साथ क्यों पड़ा रहता है।
अनुरोध को कोडिंग सेशन के अंदर रखने से ये हाथ बदलने वाले कदम ख़त्म हो जाते हैं। Claude Code पहले से जानता है कि आपका प्रोजेक्ट क्या है: कौन सा फ़्रेमवर्क है, फ़ोल्डर कैसे बँटे हैं, कौन सा कंपोनेंट इमेज का इंतज़ार कर रहा है, स्टाइलशीट के रंग क्या हैं। जब वह किसी मॉडल से हीरो इमेज माँगता है तो प्रॉम्प्ट इसी संदर्भ से लिख सकता है, आपको दूसरे ब्राउज़र टैब में प्रोडक्ट दोबारा समझाना नहीं पड़ता। फ़ाइल वहीं पहुँचती है जहाँ कंपोनेंट उसे ढूँढता है, और जिस प्रॉम्प्ट से वह बनी वह कमिट मैसेज या टिप्पणी में रह सकता है।
दूसरी वजह विविधता है। Picasso IA एक ही इंटरफ़ेस के पीछे 502 मॉडल चलाता है, जिनमें 212 टेक्स्ट-टू-इमेज हैं, इसलिए आइकन, फ़ोटो जैसी इमेज और सपाट इलस्ट्रेशन हर एक उस मॉडल के पास जा सकता है जो उस शैली में सबसे अच्छा है, और हर इंजन के लिए अलग अकाउंट नहीं रखना पड़ता। पूरा कैटलॉग दिखाता है कि क्या उपलब्ध है, और वही मॉडल टूलकिट में भी चलते हैं अगर आप पहले ब्राउज़र में प्रॉम्प्ट आज़माना चाहें।
MCP, यानी Model Context Protocol, एक ओपन प्रोटोकॉल है जो किसी AI असिस्टेंट को बाहरी टूल बुलाने देता है। Picasso IA का MCP सर्वर ऐसा ही एक टूल है: जब Claude Code जैसा MCP-सक्षम क्लाइंट उससे जुड़ जाता है, तो असिस्टेंट बातचीत के दौरान कैटलॉग से इमेज, वीडियो, आवाज़ और बहुत कुछ बना सकता है।
सेटअप जान-बूझकर छोटा रखा गया है। आप अपने अकाउंट में एक API की बनाते हैं, क्लाइंट के अपने निर्देशों के अनुसार Picasso IA सर्वर को Claude Code में जोड़ते हैं, और उसे वह की देते हैं। इस की को पासवर्ड की तरह मानिए। इसे रेपो, स्क्रीनशॉट और साझा टर्मिनल हिस्ट्री से बाहर रखिए, और प्रोजेक्ट के किसी भी दूसरे सीक्रेट की तरह सुरक्षित रखिए। अगर वह लीक हो जाए तो अपने अकाउंट से उसे बदल दीजिए।
जनरेशन उसी क्रेडिट सिस्टम से चलते हैं जो टूलकिट में है, इसलिए हर इमेज पर क्रेडिट लगते हैं जो मॉडल और आपकी चुनी सेटिंग पर निर्भर करते हैं। नए अकाउंट को मुफ़्त क्रेडिट मिलते हैं, और प्लान सिर्फ़ प्राइसिंग पेज पर दिखते हैं। यहाँ किसी स्पेक शीट की ज़रूरत नहीं: एक अनुरोध एक जनरेशन बनाता है, और नतीजा एक फ़ाइल के रूप में लौटता है जिसे आप डाउनलोड कर सकते हैं।
प्रोजेक्ट का हर एसेट जनरेशन के लिए उपयुक्त नहीं होता, और हर मॉडल हर काम के लिए नहीं होता। यह तालिका आम अनुरोधों को कैटलॉग के उन मॉडलों से जोड़ती है जिन्हें पहले आज़माना ठीक रहेगा, साथ में वह जाँच जो फ़ाइल कमिट में जाने से पहले ज़रूरी है।
| एसेट | क्या माँगें | आज़माने लायक मॉडल | प्रकाशित करने से पहले जाँचें |
|---|---|---|---|
| ऐप आइकन | बीच में एक प्रतीक, सपाट आकार, सादा बैकग्राउंड, कोई टेक्स्ट नहीं | recraft-v4-svg, flux-2-pro | छोटे साइज़ में पठनीयता, मौजूदा आइकन से समानता |
| लैंडिंग पेज की हीरो इमेज | चौड़ा दृश्य जिसमें हेडलाइन की जगह खाली हो | seedream-5-pro, imagen-4, flux-2-pro | ब्रांड से मेल, अजीब डिटेल, संकरी स्क्रीन पर क्रॉप |
| प्लेसहोल्डर आर्ट | लेआउट के माप की सरल और तटस्थ इमेज | p-image, nano-banana | लॉन्च से पहले बदलें या जाँचें |
| पारदर्शी स्प्राइट | सादे बैकग्राउंड पर विषय, फिर बैकग्राउंड हटाना | nano-banana, bria/remove-background | बाल, काँच और बारीक रेखाओं के किनारे साफ़ हों |
| धुंधला या छोटा नतीजा | पसंद आई इमेज की बड़ी की हुई कॉपी | p-image-upscale | अपस्केल से आए नए आर्टिफ़ैक्ट |
दो आदतें क्रेडिट बचाती हैं। पहली, एक शैली पर टिकने से पहले आइकन को कुछ अलग रूपों में बनाइए, क्योंकि 512 पिक्सेल पर अच्छी लगने वाली शैली 32 पर धब्बा बन सकती है। दूसरी, माँगने से पहले उस जगह का माप लिख लीजिए। चौड़े बैनर की हीरो इमेज और संकरे कार्ड की इमेज अलग तस्वीरें हैं, और सही अनुपात माँगना ग़लत अनुपात को क्रॉप करने से सस्ता पड़ता है।
एसेट के ख़ास प्रकारों को और गहराई से देखने के लिए वेक्टर ग्राफ़िक्स और SVG आइकन, पारदर्शी PNG और गेम एसेट वाले पेज प्रॉम्प्ट और मॉडल चुनाव पर ज़्यादा विस्तार से बात करते हैं।
यह पूरा चक्र है, खाली फ़ोल्डर से लेकर उन फ़ाइलों तक जिन्हें आप कमिट करने में हिचकिचाएँगे नहीं।
प्रोजेक्ट एसेट का प्रॉम्प्ट कविता से ज़्यादा एक छोटे डिज़ाइन ब्रीफ़ जैसा होता है। बताइए कि इमेज किस काम की है, उसमें क्या होना चाहिए और क्या नहीं। Claude Code आपके प्रोजेक्ट से आसपास का संदर्भ भर सकता है, लेकिन प्रोडक्ट चंचल है या गंभीर, यह आप जानते हैं, इसलिए प्रॉम्प्ट में कह दीजिए।
आइकन के लिए एक ही विषय, सपाट या हल्की शेडिंग वाले आकार, सादा बैकग्राउंड और कोई टेक्स्ट नहीं माँगिए। मॉडल अब भी इमेज के अंदर अक्षरों में लड़खड़ाते हैं, इसलिए शब्द अपने असली इंटरफ़ेस के लिए छोड़िए। हीरो इमेज के लिए दृश्य बताइए और जगह छोड़िए: बाईं ओर शांत हिस्से वाली चौड़ी रचना, जहाँ हेडलाइन रहेगी, आपके लेआउट को काम करने लायक आधार देती है। प्लेसहोल्डर के लिए विषय तटस्थ और एक जैसा रखिए ताकि असली फ़ोटोग्राफ़ी तैयार होने तक पेज एकरूप दिखे।
फ़ैसला करने से पहले तीन वेरिएंट बनाइए और उन्हें असली डिस्प्ले साइज़ पर परखिए। जो इमेज फ़ाइल प्रीव्यू में फ़ुलस्क्रीन पर शानदार लगती है, वह 32 पिक्सेल के फ़ेविकॉन के रूप में अपठनीय या सफ़ेद टेक्स्ट की लाइन के पीछे बहुत भरी हुई हो सकती है।
जब कोई नतीजा क़रीब हो लेकिन ग़लत, तो हर दौर में एक ही चीज़ बदलिए। अगर हर बार पूरा प्रॉम्प्ट दोबारा लिखेंगे तो पता नहीं चलेगा कि किससे फ़र्क़ पड़ा। और अगर आपको आपस में जुड़ी इमेज का सेट चाहिए, जैसे फ़ीचर के पाँच इलस्ट्रेशन, तो हर अनुरोध में शैली का वही वाक्य दोहराइए और विषय को इकलौता बदलने वाला हिस्सा रखिए। इफ़ेक्ट पेज उन शैली-शब्दों को खोजने का तेज़ तरीक़ा है जिन पर मॉडल प्रतिक्रिया देते हैं।
यह तरीक़ा एसेट का पहला इस्तेमाल लायक रूप पाने में अच्छा है। यह डिज़ाइनर का विकल्प नहीं है, और इसकी कुछ सीमाएँ हैं जिनकी योजना बनानी चाहिए।
इनमें से कुछ भी टूल छोड़ने की वजह नहीं है। यही कारण है कि पाँच कदमों के चक्र में जाँच का कदम वैकल्पिक नहीं है, और यही कारण है कि यह प्लेसहोल्डर, प्रोटोटाइप और पहले ड्राफ़्ट के लिए अंतिम ब्रांड काम से ज़्यादा फ़िट बैठता है।
Claude Code टेक्स्ट और कोड के साथ काम करता है, इसलिए इमेज के लिए उसे किसी टूल के पीछे इमेज मॉडल चाहिए। Picasso IA का MCP सर्वर यही देता है: जुड़ने के बाद Claude Code सेशन के दौरान कैटलॉग के इमेज मॉडल बुला सकता है। आप एसेट बताते हैं, वह अनुरोध करता है, और नतीजा एक फ़ाइल के रूप में लौटता है जिसे आप प्रोजेक्ट में सेव करके इस्तेमाल से पहले जाँच सकते हैं।
एक अकाउंट, उसी अकाउंट में बनी API की और Claude Code की MCP सर्वर सेटिंग के ज़रिए जोड़ा गया MCP सर्वर। की को पासवर्ड की तरह मानिए और अपने रेपो से बाहर रखिए। जनरेशन का भुगतान क्रेडिट से होता है, और नए अकाउंट मुफ़्त क्रेडिट के साथ शुरू होते हैं। कुछ न जुड़े तो सपोर्ट आपके सेटअप की बारीकियों में मदद कर सकता है।
recraft-v4-svg जैसे वेक्टर-उन्मुख मॉडल सपाट प्रतीकों के लिए ठीक हैं, और flux-2-pro या nano-banana जैसे सामान्य मॉडल भी साफ़ आइकन बना सकते हैं अगर आप सादे बैकग्राउंड पर बीच में एक विषय माँगें। दो-तीन आज़माइए, फिर हर एक को उसके सबसे छोटे असली साइज़ पर जाँचिए। जो पठनीय रहे उसे चुनिए, वह नहीं जो बड़े प्रीव्यू में सबसे सुंदर लगे।
हाँ, और चौड़ी रचनाएँ इसके लिए स्वाभाविक हैं। दृश्य बताइए, अपने बैनर का अनुपात लिखिए और जहाँ हेडलाइन रहेगी वहाँ खाली जगह माँगिए। seedream-5-pro, imagen-4 और flux-2-pro जैसे मॉडल तुलना के लायक हैं। संकरी स्क्रीन पर क्रॉप भी देखिए, क्योंकि जो इमेज डेस्कटॉप पर चलती है वह फ़ोन पर अपना विषय खो सकती है।
हर जनरेशन एक फ़ाइल के रूप में लौटता है। व्यवहार में आप Claude Code को बताते हैं कि प्रोजेक्ट का कौन सा फ़ोल्डर उसे रखेगा, और फ़ाइल वहीं सेव होती है ताकि कोई कंपोनेंट उसे इस्तेमाल कर सके। दोहराने लायक रखना चाहें तो प्रॉम्प्ट और मॉडल का नाम कमिट मैसेज में या एसेट के पास एक छोटे नोट में लिख दीजिए।
हर जनरेशन पर क्रेडिट लगते हैं, और मात्रा मॉडल और आपकी चुनी सेटिंग पर निर्भर करती है, इसलिए कोई एक संख्या नहीं बताई जा सकती। नए अकाउंट को इस तरीक़े को आज़माने के लिए मुफ़्त क्रेडिट मिलते हैं। मौजूदा प्लान और उनमें क्या शामिल है, यह प्राइसिंग पेज पर है, जो संख्याओं के लिए भरोसेमंद इकलौती जगह है। बहुत सारे रीट्राई वाला चक्र एक अच्छे पहले प्रॉम्प्ट वाले चक्र से ज़्यादा महँगा पड़ता है।
हो सकता है, लेकिन फ़ैसला आपका है और जाँच ज़रूरी है। मॉडल और आपके अकाउंट पर लागू शर्तें पढ़िए, जिस ऐप स्टोर या प्लेटफ़ॉर्म पर प्रकाशित कर रहे हैं उसके नियम देखिए, और पक्का कीजिए कि इमेज में कुछ भी किसी मौजूदा ब्रांड या असली व्यक्ति जैसा नहीं है। कानूनी या अनुबंध से जुड़े किसी भी मामले में योग्य पेशेवर से पूछिए। यह जाँच होने तक जनरेट की गई इमेज को ड्राफ़्ट मानिए।
यह लोगो के कॉन्सेप्ट बना सकता है, जो दिशाएँ खोजने में काम आते हैं। सटीक लेटरिंग और बारीक ज्यामिति में यह कमज़ोर है, इसलिए अंतिम लोगो को आमतौर पर वेक्टर एडिटर में दोबारा बनाना पड़ता है। ब्रांड के लिए अहम निशान में नतीजे को डिज़ाइनर के लिए स्केच की तरह इस्तेमाल कीजिए। अगर आपको सिर्फ़ किसी प्रोटोटाइप या इंटरनल टूल के लिए प्रतीक चाहिए तो जनरेट किया हुआ आइकन अक्सर काफ़ी होता है।
ये टूल उसी कैटलॉग में हैं, जिनमें बैकग्राउंड हटाने और अपस्केल करने वाले मॉडल शामिल हैं, इसलिए आप Claude Code से कह सकते हैं कि इमेज बनने के बाद उसे इनसे गुज़ार दे। नतीजे को गहरे और हल्के दोनों बैकग्राउंड पर जाँचिए, क्योंकि बाल, काँच और बारीक रेखाओं के किनारे वहीं हैं जहाँ हटाना चूकता है। मॉडल पहले आज़माने हों तो टूलकिट वही कैटलॉग ब्राउज़र में चलाता है।
हाँ। टूलकिट आज वही कैटलॉग चलाता है: मॉडल चुनिए, प्रॉम्प्ट लिखिए, चाहें तो रेफ़रेंस फ़ाइलें जोड़िए और जनरेट कीजिए। यह जानने का सबसे आसान तरीक़ा है कि कौन सा मॉडल आपके शैली-शब्द समझता है और कौन सी सेटिंग लागत बदलती है। जब वहाँ प्रॉम्प्ट चल जाए तो आप वही बात अपने प्रोजेक्ट के अंदर Claude Code से माँग सकते हैं।
आपकी अगली हीरो इमेज उसी टर्मिनल से आ सकती है जिससे आपके कमिट निकलते हैं। पहले टूलकिट में कोई प्रॉम्प्ट आज़माइए, या सेटअप की योजना में मदद चाहिए तो सपोर्ट से पूछिए।
अपनी भाषा चुनें
