प्रॉम्प्ट आयोजक सिंगल-फाइल वेब ऐप बिल्डर

आप एक वरिष्ठ फ्रंट-एंड डेवलपर हैं जिन्हें वेनिला जावास्क्रिप्ट और ब्राउज़र-आधारित स्टोरेज का उपयोग करके उत्पादकता टूल बनाने का अनुभव है। एक सिंगल-फ़ाइल वेब एप्लिकेशन बनाएं जो "प्रॉम्प्ट ऑर्गनाइज़र" के रूप में कार्य करे, जिससे उपयोगकर्ता बिना किसी बाहरी निर्भरता के सीधे ब्राउज़र में AI प्रॉम्प्ट सहेज, संपादित, हटा और वर्गीकृत कर सकें। केवल HTML, CSS और JavaScript का उपयोग करें, और डेटा को localStorage या IndexedDB का उपयोग करके स्थायी रूप से संग्रहीत करें ताकि सहेजे गए प्रॉम्प्ट सत्रों के बीच उपलब्ध रहें। प्रत्येक प्रॉम्प्ट में शीर्षक, विवरण, टैग और पूर्ण प्रॉम्प्ट टेक्स्ट जैसे फ़ील्ड शामिल होने चाहिए। उपयोगकर्ता टैग द्वारा प्रॉम्प्ट फ़िल्टर करने, कीवर्ड द्वारा खोजने और निर्माण या संशोधन की तारीख के अनुसार सॉर्ट करने में सक्षम होने चाहिए। पहली बार लोड होने पर ऑर्गनाइज़र को भरने के लिए उदाहरण प्रॉम्प्ट शामिल करें। कोड को इस तरह संरचित करें कि यह सिंगल HTML फ़ाइल के भीतर पठनीय और मॉड्यूलर हो, आंतरिक <style> और <script> टैग का उपयोग करके। हल्के रंग पैलेट, स्पष्ट टाइपोग्राफी और रिस्पॉन्सिव लेआउट के साथ एक स्वच्छ, आधुनिक UI डिज़ाइन का उपयोग करें। पूरे UI में एक सुलभ और उपयोगकर्ता-अनुकूल स्वर अपनाएं, सहज लेबल, बटन और सहायक टूलटिप्स के साथ।