paint-brush
इस Google क्रोम प्लगइन का उपयोग करके चैटजीपीटी प्रॉम्प्ट टेम्पलेट बनाएंद्वारा@sinenko
2,634 रीडिंग
2,634 रीडिंग

इस Google क्रोम प्लगइन का उपयोग करके चैटजीपीटी प्रॉम्प्ट टेम्पलेट बनाएं

द्वारा Ilya Sinenko5m2023/06/02
Read on Terminal Reader

बहुत लंबा; पढ़ने के लिए

इल्या का चैटजीपीटी प्लगइन आपको सीधे चैट इंटरफेस में बटन जोड़ने की सुविधा देता है। आवश्यक संकेत टेक्स्ट इनपुट फ़ील्ड में डाला जाएगा। प्लगइन जटिल नहीं है, और मैं इसका कोड यहां आपके साथ साझा करूंगा। कोड जावास्क्रिप्ट में लिखा गया है और इसे GitHub से डाउनलोड किया जा सकता है।
featured image - इस Google क्रोम प्लगइन का उपयोग करके चैटजीपीटी प्रॉम्प्ट टेम्पलेट बनाएं
Ilya Sinenko HackerNoon profile picture

ChatGPT का उपयोग करते समय, बहुत बार, आपको समान संकेतों या उसी संकेतों के भागों को दोहराना पड़ता है।


एक ही बात को बार-बार टाइप करना बहुत कष्टप्रद हो जाता है, खासकर अगर चैटजीपीटी चैट का उद्देश्य भूल जाता है, तो आपको इस या उस संवाद के संदर्भ में उसी अनुरोध को दोहराना होगा। प्रारंभ में, मैंने मानक संकेतों को टेक्स्ट नोटपैड में कॉपी किया।


ये थे, उदाहरण के लिए, ऐसे संकेत:


  • निम्नलिखित पाठ को अंग्रेजी में सारांशित करें:


  • यदि निम्नलिखित पाठ अंग्रेजी में है, तो इसका इतालवी में अनुवाद करें, और यदि इतालवी में, तो अंग्रेजी में:


  • निम्नलिखित पाठ के आधार पर एक कविता बनाएँ:


  • मेरा नाम इल्या है, इस संवाद में मुझे क्या जवाब देना है, इसके बारे में सोचें:


लेकिन हर बार टेक्स्ट डॉक्यूमेंट खोलना और आवश्यक प्रॉम्प्ट को कॉपी और पेस्ट करना भी सुविधाजनक नहीं है। इस तथ्य का जिक्र नहीं है कि मैं बहुत आलसी हूं और उसी कार्यों को दोहराना पसंद नहीं करता।


और फिर मेरे पास Google Chrome के लिए एक प्लगइन बनाने का विचार था, जिसके साथ आप सीधे चैटजीपीटी इंटरफ़ेस में बटन जोड़ सकते हैं, जिसे दबाने से टेक्स्ट इनपुट फ़ील्ड में आवश्यक संकेत डाला जाएगा।


प्लगइन जटिल नहीं है, और मैं इसका कोड यहां आपके साथ साझा करूंगा।


सबसे पहले, एक निर्देशिका बनाएं जहां हमारा प्लगइन होगा। मैं इसे /gptinsert नाम दूंगा


निर्देशिका में, आप तुरंत 48x48 पिक्सेल का एक आइकन बना सकते हैं, इसे icon.png नाम दे सकते हैं


उसके बाद, हम निम्नलिखित सामग्री के साथ एक फ़ाइल मेनिफ़ेस्ट.जेसन बनाते हैं:


 { "manifest_version": 3, "name": "ChatGPT textarea buttons", "version": "1.0", "permissions": ["activeTab"], "content_scripts": [ { "matches": ["https://chat.openai.com/*"], "js": ["content.js"] } ], "icons": { "48": "icon.png" } }


उसके बाद, हम एक फाइल बनाते हैं जो हमारे मॉड्यूल का काम करेगी; हम इसे content.js नाम देते हैं, और जावास्क्रिप्ट में इसमें निम्नलिखित कोड जोड़ते हैं:


 const insertText = (text) => { // Check if the page has a textarea. const textarea = document.querySelector('textarea'); if (textarea) { const startPosition = textarea.selectionStart; // The position of the cursor at the beginning of the selected text. const endPosition = textarea.selectionEnd; // The position of the cursor at the end of the selected text. const originalText = textarea.value; // The original text in the textarea. const newText = originalText.slice(0, startPosition) + text + originalText.slice(endPosition); // The new text in the textarea. textarea.value = newText; // Insert the new text into the textarea. textarea.focus(); // Focus on the textarea. textarea.selectionEnd = startPosition + text.length; // Set the cursor position at the end of the inserted text. textarea.selectionStart = startPosition + text.length; // Set the cursor position at the beginning of the inserted text. } }; // Create a button. const addButton = (title,text) => { const button = document.createElement('button'); // Create a button. button.textContent = `${title}`; // Set the button text. button.addEventListener('click', (event) => { event.preventDefault(); insertText(text); // Insert text into the textarea. }); return button; }; // Add buttons to the page. const init = () => { // Check if the page has a textarea. const textarea = document.querySelector('textarea').parentElement; if (textarea && !document.querySelector('.textarea-buttons')) { // Create a container for the buttons. const container = document.createElement('div'); container.className = 'textarea-buttons'; container.style.display = 'flex'; container.style.gap = '5px'; container.style.marginTop = '5px'; // Add buttons to the container. container.appendChild(addButton('Summarize','Summarize the following text in English: ')); container.appendChild(addButton('Translate','If the following text is in English, translate it into Italian, and if in Italian, then into English: ')); container.appendChild(addButton('Poem','Create a poem based on the following text: ')); container.appendChild(addButton('Response','My name is Ilya, write that I can answer my interlocutor in this dialogue: ')); // Add the container below the textarea. textarea.parentNode.insertBefore(container, textarea.nextSibling); } }; init(); // If the page uses dynamic elements, periodically check and add buttons if necessary. setInterval(init, 1000);


अब हमें इस प्लगइन को Google क्रोम में जोड़ने की जरूरत है। इसके लिए, हम मेनू->सेटिंग्स->एक्सटेंशन->लोड अनपैक्ड में जाते हैं, फिर हमारे प्लगइन /gptinsert के साथ डायरेक्टरी खोलते हैं, और "फ़ोल्डर चुनें" बटन पर क्लिक करते हैं।


इसके बाद ब्राउजर में एड्रेस बार के बगल में हमारे प्लगइन का लोगो दिखाई देगा।

अब, हम इसका इस्तेमाल कर सकते हैं। ऐसा करने के लिए, बस https://chat.openai.com/ खोलें, और एक नई चैट बनाएं, जिसके बाद हमारी चैट के नीचे 4 बटन दिखाई देंगे: सारांश, अनुवाद, कविता और प्रतिक्रिया।


दबाने से, उदाहरण के लिए, सारांश पर, "अंग्रेजी में निम्नलिखित पाठ का सारांश करें:" संकेत इनपुट क्षेत्र में दिखाई देगा।


इसके बाद, आप किसी भी समर्थित भाषा में कोई भी पाठ सम्मिलित कर सकते हैं, और ChatGPT उसकी संक्षिप्त सामग्री और अर्थ प्रदर्शित करेगा।

आइए उदाहरण के लिए "प्रतिक्रिया" बटन के कार्य की जांच करें:

यदि आपको एक नया बटन जोड़ने की आवश्यकता है, तो आपको केवल निम्नलिखित कोड को content.js फ़ाइल में जोड़ना होगा:


 container.appendChild(addButton('My button','My prompt text: '));


सहेजने के बाद - आपको केवल ब्राउज़र को पुनरारंभ करने की आवश्यकता है और सब कुछ काम करेगा।


इस तरह, आप असीमित संख्या में बटन और संकेत जोड़ सकते हैं। लगातार उपयोग के साथ, यह काम में तेजी लाता है और सुविधा जोड़ता है;)


गिटहब लिंक: https://github.com/sinenko/ChatGptPromptInsert