00:00:00मैं आपको और सैकड़ों अन्य डिजाइनरों को एक बहुत ही शानदार प्रयोग का हिस्सा बनाने जा रहा हूँ।
00:00:06मैं देखना चाहता हूँ कि हम AI डिज़ाइन को कितनी दूर तक ले जा सकते हैं, और इस बार यह विशेष रूप से 'Claude Code' के लिए है,
00:00:13ताकि एक ही काल्पनिक व्यावसायिक विचार पर एक हीरो सेक्शन (hero section) तैयार किया जा सके।
00:00:19तो वर्तमान में designcourse.com पर 30 दिनों की UI डिज़ाइन चुनौती चल रही है।
00:00:24यह 100% मुफ़्त है।
00:00:25हम पहले ही एक चुनौती पूरी कर चुके हैं, और हमें 200 से अधिक सबमिशन मिले हैं, और यह
00:00:30दूसरी चुनौती है।
00:00:31मैं आपको दिखाने जा रहा हूँ कि Claude Code का उपयोग कैसे करें और इसे एक विशेष डिज़ाइन कौशल से कैसे लैस करें
00:00:37ताकि वास्तव में कुछ बेहतरीन डिज़ाइन तैयार किए जा सकें।
00:00:40और इस चुनौती का लक्ष्य यह है कि मैं आप सभी को एक ही काल्पनिक व्यावसायिक विचार दूँगा,
00:00:44लेकिन हम देखेंगे कि इस कार्य के लिए सर्वश्रेष्ठ UI बनाने में आपके प्रॉम्प्टिंग कौशल (prompting skills) कितने अच्छे हैं।
00:00:50जितना संभव हो सके।
00:00:52तो थोड़ी देर में, मैं आपको दिखाऊँगा कि आप आज इस चुनौती में कैसे भाग ले सकते हैं।
00:00:56चाहे आप इसे किसी भी समय देख रहे हों, भले ही इसके महीनों बाद।
00:00:58आप हमेशा इस चुनौती में भाग ले सकते हैं और देख सकते हैं कि लोग क्या कर रहे हैं।
00:01:01लेकिन सबसे पहले, मैं आपको दिखाऊँगा कि आपको ज़रूरत की हर चीज़ कैसे सेटअप करनी है।
00:01:04तो सबसे पहले, आपको ज़ाहिर तौर पर Claude Code की ज़रूरत होगी, ठीक है?
00:01:07तो यह इसे सेटअप करने का पेज है।
00:01:10यहाँ अलग-अलग एनवायरनमेंट (environments) हैं।
00:01:11मैं इस सब की गहराई में नहीं जाऊँगा, इसलिए मैं बस सेटअप पेज का लिंक दे दूँगा।
00:01:15अगर आपने अभी तक इसे इंस्टॉल नहीं किया है, तो आप इसे इंस्टॉल करना सीख सकते हैं।
00:01:17और एक बार यह तैयार हो जाए, तो आपको बस 'Claude' टाइप करना है और इसे यहाँ लोड हो जाना चाहिए।
00:01:22ठीक है।
00:01:23ठीक है।
00:01:24अब अगला कदम इसे एक विशेष कौशल (special skill) से लैस करना है।
00:01:26अब एक कौशल वास्तव में निर्देशों का एक समूह मात्र है, जिसे AI के कॉन्टेक्स्ट (context) में फीड किया जाता है।
00:01:30AI का।
00:01:31और इसमें बहुत सारे अलग-अलग कौशल हैं।
00:01:32तो इससे पहले कि मैं आपको कौशल दिखाऊँ, यहाँ बताया गया है कि आप अपने सिस्टम पर कौशल कैसे इंस्टॉल करते हैं।
00:01:37आपको यह ढूँढना होगा कि आपके OS और एनवायरनमेंट के आधार पर आपका Claude Code फोल्डर कहाँ है।
00:01:43जिसका आप उपयोग कर रहे हैं।
00:01:44और फिर आप बस इस मार्कडाउन फ़ाइल को लेंगे, जो एक कौशल है, और फिर इसे उस फोल्डर में रख देंगे।
00:01:49उस फोल्डर में।
00:01:50अब जिस विशेष कौशल की मैं बात कर रहा हूँ, उसे यहाँ 'Front End Design' कहा गया है।
00:01:55मैं इसका लिंक यहाँ विवरण (description) में दे दूँगा ताकि आप इसे एक्सेस कर सकें।
00:01:58अब आपको Skills, Front End Skills, Skill.md पर क्लिक करना है, और फिर ठीक यहाँ,
00:02:03Download Raw File पर क्लिक करें, ठीक है?
00:02:06तो एक बार जब आपके पास वह कौशल फ़ाइल आ जाए, तो आप उसे लें और अपना Claude Code फोल्डर ढूँढें
00:02:12उस URL में जो मैंने अभी आपको दिखाया है।
00:02:14अब विंडोज 11 पर मेरा फोल्डर C prompt, Users, Gary, और .claud है।
00:02:21अब इसके अंदर, हो सकता है कि आपके पास 'skills' नाम का फोल्डर न हो।
00:02:24यदि नहीं, तो इसे बना लें।
00:02:25मेरे पास पहले से ही है।
00:02:26इस पर डबल क्लिक करें, और फिर 'Designer' नाम से एक फोल्डर बनाएँ।
00:02:31और फिर इसके अंदर, आप उस कौशल फ़ाइल, Skill.md को पेस्ट करें।
00:02:35अब यदि आपके पास पहले से ही Claude चल रहा है, तो सुनिश्चित करें कि आप पहले इसे बंद कर दें
00:02:39कुछ बार Control C दबाकर।
00:02:41फिर से Claude टाइप करें, और फिर बस सभी उपलब्ध कौशलों को देखने के लिए /skills टाइप करें।
00:02:47अभी मेरे पास केवल तीन हैं।
00:02:48हम यहाँ देख सकते हैं, Front End Design।
00:02:51और इसे एक्सेस करने का तरीका /frontend-design होने वाला है।
00:02:56फिर आप अपना प्रॉम्प्ट पेस्ट करें।
00:02:58अब मैं आपको इसे काम करते हुए दिखाता हूँ।
00:03:00तो अगर मैं /frontenddesigner लिखूँ, “एक AI पहचान सत्यापन सेवा के लैंडिंग पेज का डिज़ाइनर हीरो सेक्शन।”
00:03:06वेरिफिकेशन सर्विस।”
00:03:07“इसका बैकग्राउंड हल्का बेज (beige) होना चाहिए, इसमें दो कॉलम, एक प्रभावी हेडलाइन, और बाईं ओर एक कॉपी हो”
00:03:11“कॉल टू एक्शन (CTA) के साथ।”
00:03:13“और दाईं ओर एक काल्पनिक लेकिन सरल UI एनीमेशन होना चाहिए जो पहचान सत्यापन के विचार को प्रदर्शित करे।”
00:03:16माफ कीजिएगा, आइडेंटिटी वेरिफिकेशन।
00:03:20“इसे CSS के साथ HTML फ़ाइल में रखें और वेरिएबल्स शामिल करें।”
00:03:23बस इतना ही मेरा प्रॉम्प्ट है, और इसने अंत में यही तैयार किया है।
00:03:28मुझे नहीं पता कि आप क्या सोचते हैं, लेकिन यह वास्तव में बहुत ठोस है, और इसने इसे एक ही बार में कर दिया।
00:03:33और आपने प्रॉम्प्ट देखा।
00:03:35यह बहुत छोटा है।
00:03:36तो मैं आपको चुनौती और उस प्रॉम्प्ट का व्यावसायिक विचार दिखाने जा रहा हूँ जिसे मैं चाहता हूँ कि आप
00:03:41काल्पनिक व्यवसाय के लिए उपयोग करें, और मैं देखना चाहता हूँ कि आप क्या बना सकते हैं।
00:03:46विचार यह है कि इसे अपनी स्वयं की डिज़ाइन प्राथमिकताओं के साथ बढ़ाएँ ताकि आप कुछ ऐसा बना सकें जो
00:03:51अनोखा हो और यदि आप चाहें तो एनिमेटेड भी हो।
00:03:53तो पहला कदम [designcourse.com/foundations](https://www.google.com/search?q=https://designcourse.com/foundations) चुनौती पर जाना है।
00:03:58लिंक कहीं नीचे दिया गया है।
00:04:00और जब आप यहाँ आएँगे, तो आपको यह पेज दिखाई देगा, 613 छात्र पहले से ही हैं और 197 सबमिशन
00:04:06पहली चुनौती के लिए जो हम पहले ही कर चुके हैं।
00:04:08यह दूसरी चुनौती के लिए है।
00:04:09आपको बस यहाँ क्लिक करना है, और आप देखेंगे, “2026 UI/UX Figma टेम्पलेट प्राप्त करें।”
00:04:16और उसमें चुनौती नंबर दो है, और मैं चाहता हूँ कि आप उसी का उपयोग करें।
00:04:20तो वह कुछ ऐसा दिखता है।
00:04:23यह चुनौती नंबर दो है, और यहाँ निर्देश दिए गए हैं।
00:04:27यह उस प्रॉम्प्ट का हिस्सा है जिसे मैं चाहता हूँ कि आप शामिल करें।
00:04:29यह काल्पनिक व्यावसायिक विचार है।
00:04:31मैं नहीं चाहता कि आप किसी और विचार का उपयोग करें।
00:04:32मैं चाहता हूँ कि हम सभी एक ही विचार का उपयोग करें, और वह है एक AI होम इंस्पेक्शन व्यवसाय।
00:04:37यह क्रॉल स्पेस, छत, नींव की छवियों का विश्लेषण करने के लिए कंप्यूटर विजन का उपयोग करता है
00:04:42और सामान्य दोषों को पहचानकर स्वचालित रूप से मानकीकृत निरीक्षण रिपोर्ट तैयार करता है।
00:04:45हमारा लक्ष्य AI को इस शुरुआती प्रॉम्प्ट के साथ निर्देश देना है ताकि
00:04:50हमारे Claude Code डिज़ाइनर कौशल के साथ एक अगले स्तर का हीरो सेक्शन बनाया जा सके।
00:04:56और यहाँ इसके निर्देश दिए गए हैं।
00:04:58तो इस फ्रेम के दाईं ओर दिखाए गए काल्पनिक व्यावसायिक विचार के लिए
00:05:03एक हीरो सेक्शन तैयार करने के लिए Claude Code का उपयोग करें।
00:05:05तो सुनिश्चित करें कि आप उसे अपने प्रॉम्प्ट के हिस्से के रूप में पेस्ट करें।
00:05:08और फिर व्यावसायिक विचार शामिल करें, लेकिन साथ ही अपनी स्वयं की डिज़ाइन और स्टाइलिंग प्राथमिकताएं भी जोड़ें।
00:05:13तो मैंने इसे इसी तरह से निर्देशित किया था ताकि वह छोटा एनिमेटेड कार्ड बनाया जा सके जो हमने
00:05:17अभी देखा था।
00:05:18आप अंतिम परिणाम को बेहतर बनाने के लिए जितने चाहें उतने प्रॉम्प्ट का उपयोग कर सकते हैं।
00:05:22यदि आप चाहें तो एनीमेशन को एकीकृत कर सकते हैं।
00:05:24और जब आप सबमिट करें, तो सबसे पहले उन प्रॉम्प्ट्स की संख्या शामिल करें जो अंतिम परिणाम तक पहुँचने में लगे,
00:05:29क्योंकि मैं चाहता हूँ कि आप यदि चाहें तो परिणाम को और परिष्कृत करें।
00:05:32और कमेंट सेक्शन में प्रॉम्प्ट को भी शामिल करें जहाँ आप टिप्पणी छोड़ सकते हैं।
00:05:36अब आप अपने सबमिशन में डिज़ाइन का Figma प्रोटोटाइप साझा करने के लिए Claude Code to Figma प्लगइन का
00:05:42भी उपयोग कर सकते हैं, लेकिन यह अनिवार्य नहीं है।
00:05:44एक स्क्रीनशॉट भी पूरी तरह से काम करेगा।
00:05:47तो Claude Code to Figma प्लगइन आपको अपने UI के अंतिम परिणाम को लेने और
00:05:53उसे Figma पर भेजने की अनुमति देता है।
00:05:54मैं आपको यहाँ यह नहीं दिखाऊँगा क्योंकि मैंने कल ही एक वीडियो अपलोड किया है
00:05:58जो आपको दिखाता है कि यह कैसे करना है।
00:06:00फिर से, आपको ऐसा करने की ज़रूरत नहीं है।
00:06:01आपके सबमिशन के लिए एक स्क्रीनशॉट भी ठीक रहेगा।
00:06:04फिर जब अपनी एंट्री सबमिट करने की बात आती है, तो यहाँ दिखाया गया है कि इसे कैसे करना है।
00:06:09मान लीजिए, उदाहरण के लिए, यदि आप जो कर रहे हैं उसका Figma दस्तावेज़ साझा करने का निर्णय लेते हैं,
00:06:14जिससे मुझे आपके काम की समीक्षा करते समय बदलाव करने की अनुमति मिलेगी, तो आप बस यहाँ
00:06:18शेयर (share) पर क्लिक करें।
00:06:20कॉपी प्रोटोटाइप लिंक पर क्लिक करें, सुनिश्चित करें कि कोई भी इसे देख सके, और फिर उसे अपने सबमिशन के साथ
00:06:25सबमिट कर दें।
00:06:26तो यह एक बहुत ही शानदार चुनौती होने वाली है क्योंकि हम देखेंगे कि क्या परिणाम
00:06:30बहुत समान होने वाले हैं?
00:06:32खैर, वे तब होंगे जब आप बहुत अधिक दिशा-निर्देश, अपनी रचनात्मक रुचि
00:06:37अपनी स्टाइलिंग और अपने रचनात्मक विचारों को उसमें शामिल नहीं करेंगे।
00:06:40और यदि आप ऐसा करते हैं, तो मुझे लगता है कि हम बहुत सारे दिलचस्प बदलाव और अवधारणाएं
00:06:47तैयार होते हुए देख सकते हैं।
00:06:48तो फिर से, वह कलर स्कीम बताएं जो आप चाहते हैं, किसी भी प्रकार के दिलचस्प इलस्ट्रेशन
00:06:53या एनीमेशन बताएं जो आप चाहते हैं।
00:06:55लक्ष्य यह है कि AI जो कुछ भी बना सकता है उसे अधिकतम सीमा तक ले जाया जाए।
00:06:58ठीक है, मुझे उम्मीद है कि हर कोई इसमें भाग लेगा।
00:07:01यह एक बहुत ही शानदार चुनौती है।