paint-brush
এই Google Chrome প্লাগইন ব্যবহার করে ChatGPT প্রম্পট টেমপ্লেট তৈরি করুনদ্বারা@sinenko
2,639 পড়া
2,639 পড়া

এই Google Chrome প্লাগইন ব্যবহার করে ChatGPT প্রম্পট টেমপ্লেট তৈরি করুন

দ্বারা Ilya Sinenko5m2023/06/02
Read on Terminal Reader
Read this story w/o Javascript

অতিদীর্ঘ; পড়তে

ইলিয়ার ChatGPT প্লাগইন আপনাকে চ্যাট ইন্টারফেসে সরাসরি বোতাম যোগ করতে দেয়। প্রয়োজনীয় প্রম্পট পাঠ্য ইনপুট ক্ষেত্রে সন্নিবেশ করা হবে। প্লাগইন জটিল নয়, এবং আমি এখানে আপনার সাথে এর কোড শেয়ার করব। কোডটি জাভাস্ক্রিপ্টে লেখা এবং গিটহাব থেকে ডাউনলোড করা যায়।
featured image - এই Google Chrome প্লাগইন ব্যবহার করে ChatGPT প্রম্পট টেমপ্লেট তৈরি করুন
Ilya Sinenko HackerNoon profile picture

ChatGPT ব্যবহার করার সময়, প্রায়ই, আপনাকে একই প্রম্পট বা একই প্রম্পটের অংশগুলি পুনরাবৃত্তি করতে হবে।


একই জিনিস বারবার টাইপ করা খুব বিরক্তিকর হয়ে ওঠে, বিশেষ করে যদি ChatGPT চ্যাটের উদ্দেশ্য ভুলে যায়, তাহলে আপনাকে এই বা সেই সংলাপের প্রসঙ্গে একই অনুরোধ পুনরাবৃত্তি করতে হবে। প্রাথমিকভাবে, আমি একটি টেক্সট নোটপ্যাডে স্ট্যান্ডার্ড প্রম্পট কপি করেছি।


এই ছিল, উদাহরণস্বরূপ, এই ধরনের প্রম্পট:


  • ইংরেজিতে নিম্নলিখিত পাঠ্যটি সংক্ষিপ্ত করুন:


  • যদি নিম্নলিখিত পাঠ্যটি ইংরেজিতে হয় তবে এটি ইতালীয় ভাষায় অনুবাদ করুন এবং যদি ইতালীয় ভাষায় হয় তবে ইংরেজিতে:


  • নিম্নলিখিত পাঠ্যের উপর ভিত্তি করে একটি কবিতা তৈরি করুন:


  • আমার নাম ইলিয়া, এই কথোপকথনে আমাকে কী উত্তর দেবেন ভেবে দেখুন:


কিন্তু প্রতিবার একটি পাঠ্য নথি খোলা এবং প্রয়োজনীয় প্রম্পট অনুলিপি এবং আটকানোও সুবিধাজনক নয়। আমি খুব অলস এবং একই ক্রিয়াগুলি পুনরাবৃত্তি করতে পছন্দ করি না তা উল্লেখ করার মতো নয়।


এবং তারপরে আমার কাছে গুগল ক্রোমের জন্য একটি প্লাগইন তৈরি করার একটি ধারণা ছিল, যার সাহায্যে আপনি সরাসরি ChatGPT ইন্টারফেসে বোতাম যোগ করতে পারেন, যা টিপে প্রয়োজনীয় প্রম্পটটি পাঠ্য ইনপুট ক্ষেত্রে ঢোকানো হবে।


প্লাগইন জটিল নয়, এবং আমি এখানে আপনার সাথে এর কোড শেয়ার করব।


প্রথমে একটি ডিরেক্টরি তৈরি করুন যেখানে আমাদের প্লাগইন থাকবে। আমি এটির নাম দেব /gptinsert


ডিরেক্টরিতে, আপনি অবিলম্বে 48x48 পিক্সেলের একটি আইকন তৈরি করতে পারেন, এটির নামকরণ করুন icon.png


এর পরে, আমরা নিম্নলিখিত বিষয়বস্তু সহ একটি ফাইল manifest.json তৈরি করি:


 { "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);


এখন আমাদের এই প্লাগইনটি গুগল ক্রোমে যুক্ত করতে হবে। এর জন্য, আমরা মেনু->সেটিংস->এক্সটেনশন->লোড আনপ্যাকড-এ যাই, তারপর আমাদের প্লাগইন /gptinsert দিয়ে ডিরেক্টরি খুলি এবং "ফোল্ডার নির্বাচন করুন" বোতামে ক্লিক করুন।


এর পরে, আমাদের প্লাগইনের লোগো ব্রাউজারে ঠিকানা বারের পাশে প্রদর্শিত হবে।

এখন, আমরা এটি ব্যবহার করতে পারেন. এটি করার জন্য, কেবল https://chat.openai.com/ খুলুন এবং একটি নতুন চ্যাট তৈরি করুন, তারপরে আমাদের চ্যাটের নীচে 4টি বোতাম প্রদর্শিত হবে: সংক্ষিপ্তকরণ, অনুবাদ, কবিতা এবং প্রতিক্রিয়া।


টিপে, উদাহরণস্বরূপ, সংক্ষিপ্তকরণে, "ইংরেজিতে নিম্নলিখিত পাঠ্যের সংক্ষিপ্তসার করুন:" প্রম্পট ইনপুট ক্ষেত্রে উপস্থিত হবে।


এর পরে, আপনি যে কোনও সমর্থিত ভাষায় যে কোনও পাঠ্য সন্নিবেশ করতে পারেন এবং ChatGPT এর সংক্ষিপ্ত বিষয়বস্তু এবং অর্থ আউটপুট করবে।

আসুন উদাহরণস্বরূপ "প্রতিক্রিয়া" বোতামের কাজটি পরীক্ষা করি:

আপনি যদি একটি নতুন বোতাম যোগ করতে চান, তাহলে আপনাকে content.js ফাইলে নিম্নলিখিত কোডটি যোগ করতে হবে:


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


সংরক্ষণ করার পরে - আপনাকে কেবল ব্রাউজারটি পুনরায় চালু করতে হবে এবং সবকিছু কাজ করবে।


এইভাবে, আপনি সীমাহীন সংখ্যক বোতাম এবং প্রম্পট যোগ করতে পারেন। ঘন ঘন ব্যবহারের সাথে, এটি লক্ষণীয়ভাবে কাজের গতি বাড়ায় এবং সুবিধা যোগ করে;)


GitHub লিঙ্ক: https://github.com/sinenko/ChatGptPromptInsert