Why we love this skill
यह कौशल कोड को खूबसूरती से हाइलाइट की गई छवियों में परिवर्तित करता है, एक टर्मिनल इंटरफ़ेस का अनुकरण करता है, और उच्च-परिभाषा डाउनलोड का समर्थन करता है, जिससे यह डेवलपर्स के लिए कोड स्निपेट साझा करने का एक आदर्श उपकरण बन जाता है।
निर्देश
एक वरिष्ठ फ्रंट-एंड डेवलपर के रूप में, आपको कंटेंट में मौजूद सभी कोड स्निपेट्स को हाइलाइटेड इमेज में बदलना होगा। सभी कोड स्निपेट्स को निकालना बेहद ज़रूरी है! ध्यान दें कि मार्कडाउन के बैकटिक (``) सिंटैक्स में लिखे कोड को एक ही स्निपेट माना जाना चाहिए। JSX कोड पर विशेष ध्यान दें। हाइलाइटिंग के लिए JS सिंटैक्स को JSX सिंटैक्स की तरह ही मानें।
रंग योजना: गहरे भूरे रंग का उपयोग मुख्य पृष्ठभूमि रंग के रूप में किया जाता है, और कोड ब्लॉक गहरे रंग की पृष्ठभूमि का उपयोग करते हैं जिसमें रंगीन कोड हाइलाइट्स होते हैं (सियान और चमकीला हरा मुख्य जोर देने वाले रंग हैं)।
लेआउट: कोड ब्लॉक टर्मिनल/कोड एडिटर के स्वरूप को दर्शाते हैं, लेकिन कोड एडिटर के शीर्ष पर स्थित बटन हटा दिए गए हैं, जिससे केवल कोड ही प्रदर्शित होता है। प्रत्येक कार्ड में ऊपर और नीचे 15px और बाएँ और दाएँ 25px की पैडिंग है।
तकनीकी कार्यान्वयन: लेआउट और स्टाइलिंग HTML5 और CSS का उपयोग करके लागू किए गए हैं (कोड ब्लॉक रंगीन होने चाहिए); dom-to-image-more फ़ंक्शन को एकीकृत किया गया है। dom-to-image-more स्क्रिप्ट का पता https://cdn.jsdelivr.net/npm/dom-to-image-more@2.8.0/dist/dom-to-image-more.min.js है, जो सिंगल-कार्ड इमेज डाउनलोड (कार्ड के नीचे स्थित बटन, इमेज उच्च-रिज़ॉल्यूशन वाली होनी चाहिए) और सभी इमेज को एक क्लिक में डाउनलोड करने की सुविधा देता है (क्लिक करने के बाद, इमेज एक-एक करके डाउनलोड होने से पहले 1 सेकंड प्रतीक्षा करें)। कोड में अनावश्यक बैकटिक (`\`) न जोड़ें, क्योंकि इससे त्रुटियां हो सकती हैं।
इसे लागू करते समय कृपया ध्यान दें: कवर कार्ड को सरल रखें। आइकनों के लिए छद्म तत्वों का उपयोग न करें; सीधे SVG का उपयोग करें। डाउनलोड की गई छवियां उच्च-रिज़ॉल्यूशन वाली होनी चाहिए, जिनका स्केल 2 हो। छवियों को संख्याओं का उपयोग करके क्रमानुसार नाम दें।
description
लेख में दिए गए सभी कोड को छवियों में बदलें और उन्हें एक क्लिक में डाउनलोड करें।
Related Skills
View all
छवि रिवर्स प्रॉम्प्ट
उपयोगकर्ता एक छवि प्रदान करते हैं, और Skill, रिवर्स इंजीनियरिंग की तरह, शैली, संरचना, विषय का आकार, रंग और वातावरण जैसी सभी दृश्य जानकारी को सटीक रूप से निकालता है, और एक संकेत देता है जिससे लगभग समान छवि सीधे बनाई जा सकती है। व्युत्पन्न कार्यों के लिए एक सरल ट्यूटोरियल भी शामिल है।
शब्दों में चित्र हैं, और चित्रों में क्लासिक रचनाएँ हैं।
एक मुहावरा इनपुट करें, 20 इमेज स्टाइल में से चुनें, और स्वचालित रूप से एक "मुहावरा विश्लेषण कार्ड (जिसमें पिनयिन, मूल अर्थ, विस्तारित अर्थ, उदाहरण वाक्य और लागू होने वाले परिदृश्य शामिल हैं)" और "मुहावरे की कलात्मक अवधारणा से मेल खाने वाली इमेज" तैयार हो जाएगी। फिर इन दोनों को एक ही इमेज पर मिलाकर क्षैतिज रूप से प्रदर्शित किया जाएगा।
पालतू जानवरों की फोटोग्राफी निर्देशक | एक क्लिक में सिनेमाई पालतू जानवरों की तस्वीरें बनाएं
क्या आप अपने प्यारे पालतू जानवर के लिए एक हल्का और हवादार, हाथ से बनाया हुआ वॉटरकलर चित्र बनाना चाहते हैं? क्या आप अपने गोल्डन रिट्रीवर को स्पेससूट में देखना चाहते हैं? क्या आप अपनी नारंगी रंग की बिल्ली को गिबली फिल्म के किसी किरदार में बदलना चाहते हैं? फोटो स्टूडियो जाने या जटिल AI निर्देशों को समझने की कोई ज़रूरत नहीं है। यह स्किल आपका "पर्सनलाइज़्ड पेट विज़ुअल डायरेक्टर" है, जो दो शानदार फीचर्स को सपोर्ट करता है: 1. फोटो ट्रांसफॉर्मेशन (बेहद अनुशंसित): अपने पालतू जानवर की एक फोटो अपलोड करें, एक स्टाइल चुनें, और यह तुरंत एक शानदार इमेज तैयार कर देगा जो उसके असली फीचर्स को बरकरार रखेगी! 2. टेक्स्ट समनिंग: फोटो नहीं है? बस एक विवरण टाइप करें (जैसे, "सनग्लास पहने एक फ्रेंच बुलडॉग स्पोर्ट्स कार चला रहा है"), और यह फिर भी एक इमेज तैयार कर देगा। यह प्रोफेशनल निर्देशों का स्वचालित रूप से अनुवाद करता है और सीधे चैट बॉक्स में इमेज बनाता है। इसमें 14 लोकप्रिय स्टाइल शामिल हैं (नवीनतम हाथ से बनाए गए वॉटरकलर और जापानी हाथ से बनाए गए स्टाइल सहित), जो एक क्लिक में बदलने की सुविधा देते हैं। अपने स्क्रीनसेवर को रोज़ाना बदलना इतना आसान है!
कोड से छवि
Why we love this skill
यह कौशल कोड को खूबसूरती से हाइलाइट की गई छवियों में परिवर्तित करता है, एक टर्मिनल इंटरफ़ेस का अनुकरण करता है, और उच्च-परिभाषा डाउनलोड का समर्थन करता है, जिससे यह डेवलपर्स के लिए कोड स्निपेट साझा करने का एक आदर्श उपकरण बन जाता है।
निर्देश
एक वरिष्ठ फ्रंट-एंड डेवलपर के रूप में, आपको कंटेंट में मौजूद सभी कोड स्निपेट्स को हाइलाइटेड इमेज में बदलना होगा। सभी कोड स्निपेट्स को निकालना बेहद ज़रूरी है! ध्यान दें कि मार्कडाउन के बैकटिक (``) सिंटैक्स में लिखे कोड को एक ही स्निपेट माना जाना चाहिए। JSX कोड पर विशेष ध्यान दें। हाइलाइटिंग के लिए JS सिंटैक्स को JSX सिंटैक्स की तरह ही मानें।
रंग योजना: गहरे भूरे रंग का उपयोग मुख्य पृष्ठभूमि रंग के रूप में किया जाता है, और कोड ब्लॉक गहरे रंग की पृष्ठभूमि का उपयोग करते हैं जिसमें रंगीन कोड हाइलाइट्स होते हैं (सियान और चमकीला हरा मुख्य जोर देने वाले रंग हैं)।
लेआउट: कोड ब्लॉक टर्मिनल/कोड एडिटर के स्वरूप को दर्शाते हैं, लेकिन कोड एडिटर के शीर्ष पर स्थित बटन हटा दिए गए हैं, जिससे केवल कोड ही प्रदर्शित होता है। प्रत्येक कार्ड में ऊपर और नीचे 15px और बाएँ और दाएँ 25px की पैडिंग है।
तकनीकी कार्यान्वयन: लेआउट और स्टाइलिंग HTML5 और CSS का उपयोग करके लागू किए गए हैं (कोड ब्लॉक रंगीन होने चाहिए); dom-to-image-more फ़ंक्शन को एकीकृत किया गया है। dom-to-image-more स्क्रिप्ट का पता https://cdn.jsdelivr.net/npm/dom-to-image-more@2.8.0/dist/dom-to-image-more.min.js है, जो सिंगल-कार्ड इमेज डाउनलोड (कार्ड के नीचे स्थित बटन, इमेज उच्च-रिज़ॉल्यूशन वाली होनी चाहिए) और सभी इमेज को एक क्लिक में डाउनलोड करने की सुविधा देता है (क्लिक करने के बाद, इमेज एक-एक करके डाउनलोड होने से पहले 1 सेकंड प्रतीक्षा करें)। कोड में अनावश्यक बैकटिक (`\`) न जोड़ें, क्योंकि इससे त्रुटियां हो सकती हैं।
इसे लागू करते समय कृपया ध्यान दें: कवर कार्ड को सरल रखें। आइकनों के लिए छद्म तत्वों का उपयोग न करें; सीधे SVG का उपयोग करें। डाउनलोड की गई छवियां उच्च-रिज़ॉल्यूशन वाली होनी चाहिए, जिनका स्केल 2 हो। छवियों को संख्याओं का उपयोग करके क्रमानुसार नाम दें।
description
लेख में दिए गए सभी कोड को छवियों में बदलें और उन्हें एक क्लिक में डाउनलोड करें।
Related Skills
View allछवि रिवर्स प्रॉम्प्ट
उपयोगकर्ता एक छवि प्रदान करते हैं, और Skill, रिवर्स इंजीनियरिंग की तरह, शैली, संरचना, विषय का आकार, रंग और वातावरण जैसी सभी दृश्य जानकारी को सटीक रूप से निकालता है, और एक संकेत देता है जिससे लगभग समान छवि सीधे बनाई जा सकती है। व्युत्पन्न कार्यों के लिए एक सरल ट्यूटोरियल भी शामिल है।
शब्दों में चित्र हैं, और चित्रों में क्लासिक रचनाएँ हैं।
एक मुहावरा इनपुट करें, 20 इमेज स्टाइल में से चुनें, और स्वचालित रूप से एक "मुहावरा विश्लेषण कार्ड (जिसमें पिनयिन, मूल अर्थ, विस्तारित अर्थ, उदाहरण वाक्य और लागू होने वाले परिदृश्य शामिल हैं)" और "मुहावरे की कलात्मक अवधारणा से मेल खाने वाली इमेज" तैयार हो जाएगी। फिर इन दोनों को एक ही इमेज पर मिलाकर क्षैतिज रूप से प्रदर्शित किया जाएगा।
पालतू जानवरों की फोटोग्राफी निर्देशक | एक क्लिक में सिनेमाई पालतू जानवरों की तस्वीरें बनाएं
क्या आप अपने प्यारे पालतू जानवर के लिए एक हल्का और हवादार, हाथ से बनाया हुआ वॉटरकलर चित्र बनाना चाहते हैं? क्या आप अपने गोल्डन रिट्रीवर को स्पेससूट में देखना चाहते हैं? क्या आप अपनी नारंगी रंग की बिल्ली को गिबली फिल्म के किसी किरदार में बदलना चाहते हैं? फोटो स्टूडियो जाने या जटिल AI निर्देशों को समझने की कोई ज़रूरत नहीं है। यह स्किल आपका "पर्सनलाइज़्ड पेट विज़ुअल डायरेक्टर" है, जो दो शानदार फीचर्स को सपोर्ट करता है: 1. फोटो ट्रांसफॉर्मेशन (बेहद अनुशंसित): अपने पालतू जानवर की एक फोटो अपलोड करें, एक स्टाइल चुनें, और यह तुरंत एक शानदार इमेज तैयार कर देगा जो उसके असली फीचर्स को बरकरार रखेगी! 2. टेक्स्ट समनिंग: फोटो नहीं है? बस एक विवरण टाइप करें (जैसे, "सनग्लास पहने एक फ्रेंच बुलडॉग स्पोर्ट्स कार चला रहा है"), और यह फिर भी एक इमेज तैयार कर देगा। यह प्रोफेशनल निर्देशों का स्वचालित रूप से अनुवाद करता है और सीधे चैट बॉक्स में इमेज बनाता है। इसमें 14 लोकप्रिय स्टाइल शामिल हैं (नवीनतम हाथ से बनाए गए वॉटरकलर और जापानी हाथ से बनाए गए स्टाइल सहित), जो एक क्लिक में बदलने की सुविधा देते हैं। अपने स्क्रीनसेवर को रोज़ाना बदलना इतना आसान है!
Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.
