ChatGPT SmartNavbar

Chatgpt-Smartnavbar

chatgpt-smartnavbar هو امتداد كروم مصمم لتبسيط وتسريع عملية إدارة واستخدام المطالبات على منصة ChatGPT. إنه يعزز تجربة المستخدم بميزات مثل Navbar التفاعلية ، وقوائم منسدلة ذكية للوصول السريع السريع ، وتصفية الخيار الديناميكي ، والتنقل الفعال في لوحة المفاتيح. يوفر الامتداد واجهة حديثة وبديهية تركز على تحسين سرعة وسهولة إنشاء المطالبة والتنظيم والاسترجاع.

سمات

• Dynamic Navbar : يضيف شريط Navbar التفاعلي المستجيب إلى واجهة مستخدم ChatGpt.
• القائمة المنسدلة الذكية : تقوم بإنشاء منسدلة بشكل ديناميكي بناءً على إدخال المستخدم بعد كتابة مفتاح قابل للتخصيص (افتراضي هو << ).
• التنقل في لوحة المفاتيح : انتقل عبر خيارات القائمة المنسدلة باستخدام مفاتيح الأسهم وحدد مع "Enter".
• إنشاء مطالبات وإدارتها : يمكن للمستخدمين إنشاء مطالبات خاصة بهم وحفظها في فئات مخصصة للوصول السريع.
• فئات مخصصة للمطالبات : يمكن للمستخدمين إنشاء وإعادة تسمية وحذف فئات البرامج الخاصة بهم. يمكن نقل المطالبات بسهولة بين الفئات.
• الإدارة المطالبة : يمكن للمستخدمين إضافة وتحرير وحذف المطالبات في أي فئة ، مما يجعل المؤسسة نسيمًا.
• مهمة فئة سلسة : يسهل المهمة السريعة وإعادة التعيين بين فئات مختلفة مع واجهة بديهية.
• تصميم CSS Tailwind : التصميم النظيف والحديثي والقابل للتخصيص باستخدام CSS Tailwind.
• الأمثل للأداء : التفاعلات السريعة والسريعة باستخدام مراقبي DOM فعالين ، مع التأكد من أن الأداء يظل سلسًا مع إضافة المزيد من المطالبات والفئات.
• تفضيلات المستخدم : يوفر الامتداد تفضيلات المستخدم مثل الفئات السريعة والترتيب السريع والتخصيصات الأخرى ، مما يضمن تجربة مخصصة عبر الجلسات.

ميزات وتحسينات جديدة

• وظائف البحث المحسّنة : يدعم محرك البحث الآن عمليات بحث أكثر مرونة وبديهية. يمكن للمستخدمين البحث عن معرفات حتى لو كانت تحتوي على مسافات أو كلمات جزئية أو شظايا متعددة الكلمات. على سبيل المثال ، إذا تم تسمية فئة موجه "أنماط تصميم" أو "تكامل قاعدة البيانات" ، فيمكن للمستخدمين الآن البحث باستخدام:

  • Design
  • Pat
  • Dark
  • Code هذا يحسن تجربة البحث عن طريق تضييق النتائج بناءً على منطق مطابقة أكثر مرونة. ستقوم المنسدلة أيضًا بتسليط الضوء على أقرب مباراة لاستعلام المستخدم ، مما يسمح باختيار أسرع.

• سلوك المنسدلة المحسّنة : يحوم القائمة المنسدلة الآن بذكاء على أقرب مباراة عندما يبدأ المستخدم في الكتابة ، بحيث يحدد الضغط على "إدخال" أفضل تطابق تلقائيًا. هذا يساعد على تجنب اختيار خيارات غير ذات صلة عن طريق الصدفة. بالإضافة إلى ذلك ، فإن المنسدلة تنشط الآن بشكل أكثر كفاءة بعد إدراج خيار ، ويعالج بشكل صحيح موضع المؤشر بعد الإدراج لمنعه من التدخل مع مفتاح تشغيل البحث.

• تنسيق النص مع NewLine : بعد تحديد خيار من القائمة المنسدلة ، يتضمن النص المدرج الآن خطًا جديدًا تلقائيًا بعد ذلك. هذا يحل المشكلة التي يقفز فيها المؤشر عن طريق الخطأ خلف النص الذي تم إدراجه حديثًا ، ويضمن تجربة كتابة أكثر سلاسة.

• مفتاح تنشيط القائمة المنسدلة القابلة للتخصيص : يمكن للمستخدمين الآن تعيين مفتاحهم الخاص لتحريك القائمة المنسدلة بدلاً من الافتراضي << . يتوفر هذا التخصيص في المنبثقة للملحق ، مما يوفر المزيد من المرونة لسير العمل المختلفة.

• معالجة الأخطاء وتحسين واجهة المستخدم : لم يعد الامتداد يعرض رسائل تنبيه RAW لحفظ التغييرات على المطالبات أو الفئات أو مفاتيح التنشيط. بدلاً من ذلك ، يتم عرض الإخطارات بطريقة غير محطنة وجذابة بصريًا ، وتحسين تجربة المستخدم. أصبحت ميزة التحرير المضمّنة لكل من معرف الفئة والمطالبة الآن في نفس النافذة المنبثقة ، مما يسهل تعديل كلا العنصرين دون القفز بين قوائم مختلفة.

التحسينات المستقبلية

• سلوك المؤشر المكرر : ستركز تحسينات أخرى على ضمان وضع المؤشر على النحو الأمثل بعد الإدراج الفوري ، حتى في السيناريوهات المعقدة حيث تتم إضافة مطالبات متعددة بسرعة.
• واجهة المستخدم المحسّنة : قم بتبسيط تصميم القائمة المنبثقة لجعل التحرير المطابخ والفئة أكثر سهولة ، وإضافة ملاحظات بصرية أفضل لأفعال مثل التنبيهات المتطفلة.
• إمكانيات البحث المتقدمة : استمر في تحسين البحث للتعامل مع منطق المطابقة الأكثر مرونة ، بما في ذلك التسامح المطبعي ودعم أفضل للمكتبات المطالبة الأكبر.
• نظام التوصية : تحسين أو إضافة ميزة توصية للمطالبات الأكثر استخدامًا بناءً على سلوك المستخدم. سيؤدي ذلك تلقائيًا إلى إعادة ترتيب الفئات والمطالبات بناءً على الاستخدام لزيادة السرعة والكفاءة.
• تحسينات التصميم : قم بتحسين تصميم القائمة المنسدلة ، و Navbar ، و Popup ، مما يضيف أسلوبًا أكثر تلميعًا وحديثًا باستخدام CSS Tailwind لتوفير تجربة مستخدم أفضل.

ميزات إضافية للنظر فيها

• مزامنة السحابة : السماح للمستخدمين بمزامنة المطالبات والفئات الخاصة بهم عبر أجهزة متعددة باستخدام التخزين السحابي. هذا يضمن أن تجربة المستخدم متسقة عبر البيئات دون تصدير/استيراد يدوي.
• مطالبات التصدير والاستيراد : أضف ميزة إلى مطالبات التصدير والفئات كملف JSON ، والذي يمكن استيراده مرة أخرى إلى الامتداد لاحقًا. هذا مفيد لأغراض النسخ الاحتياطية أو لمشاركة مجموعات سريعة مع الآخرين.
• وضع العلامات والتصفية : تقديم نظام وضع العلامات للمطالبات ، مما يسمح للمستخدمين بالتصفية والبحث عن طريق العلامات. هذا يمكن أن يساعد في إدارة مجموعات كبيرة من المطالبات بشكل أكثر كفاءة.
• توصيات مدركة للسياق : بناءً على سياق المحادثة ، أوصي بمطالبات من المحتمل أن تكون مفيدة. هذا يمكن أن يستفيد من الذكاء الاصطناعي أو الكشف عن الكلمات الأساسية.
• إنشاء موجه AI-AI-بمساعدة AI-ADESISTER : تزويد المستخدمين بالاقتراحات أو الوظائف الإكمال التلقائي عند إنشاء مطالبات جديدة ، استنادًا إلى هياكل مشتركة أو مطالبات سابقة قاموا بإنشائها.
• الوضع المظلم : أضف دعمًا لوضع مظلم في واجهة المستخدم للتمديد ، مما يجعله أكثر راحة بصريًا للمستخدمين الذين يعملون في بيئات منخفضة الإضاءة.
• دعم متعدد المنصات : قم بتوسيع وظائف الامتداد للعمل ليس فقط مع chatgpt ولكن أيضًا مع منصات الذكاء الاصطناعى الشهيرة الأخرى مثل كلود ، الجوزاء ، وغيرها. هذا من شأنه أن يسمح للمستخدمين بإدارة واستخدام مطالباتهم عبر خدمات AI المتعددة ، وتعزيز التنوع والفائدة إلى ما بعد ChatGPT.

تثبيت

المتطلبات الأساسية

• node.js (الإصدار 12 أو أعلى)
• NPM (مدير حزمة العقدة)

بناء التطبيق

لبناء CSS للامتداد ، استخدم الأوامر التالية:

1. تثبيت التبعيات:

   npm install

2. بناء css tailwind:

   npm run build

الاستخدام

1. قم بإنشاء CSS للامتداد باستخدام التعليمات أعلاه.
2. قم بتحميل الامتداد إلى Chrome عن طريق التنقل إلى chrome://extensions/ .
3. تمكين وضع المطور وانقر فوق "تحميل تفريغ" لتحديد مجلد dist .
4. سيكون الامتداد نشطًا على صفحة ChatGPT (https://chatgpt.com/*).

المساهمة

لا تتردد في فتح المشكلات وتقديم طلبات السحب لتحسين المشروع. تأكد من اتباع أفضل الممارسات من حيث نظافة الكود وسهولة القراءة.

---

استمتع بإنتاجية معززة مع ChatGpt-Smartnavbar!