umix

️ إخلاء المسؤولية الأمنية : لا تستخدم في الإنتاج. هذا هو البرنامج التجريبي. هنا يكون التنين؟

umix.dev

Umix هو امتداد للمتصفح وأداة مطور لإعادة مزج مواقع الويب. دعونا نجعل الويب ممتعًا.

إذا كنت مهتمًا فقط بتجربتها، فانتقل إلى ملعب Repl.it الخاص بنا. أو شاهد الفيديو الخاص بنا.

استمر إذا كنت تريد استخدامه في مواقع العالم الحقيقي.

Umix كملحق للمتصفح

ملاحظة: Umix في انتظار الموافقة على متجر Chrome Extension Store. في الوقت الحالي، يمكنك دمجه يدويًا عبر وضع المطور. نحن ندعم حاليًا متصفحات Chrome وChromium فقط (Edge وArc وBrave وOpera وما إلى ذلك).

1. انقر لتحميل المشروع ZIP
2. قم بفك ضغط umix-master.zip .
3. اكتب chrome://extensions في شريط عنوان URL الخاص بك
4. تفعيل وضع المطور

5. انقر فوق تحميل غير مضغوط

6. حدد مجلد umix-master
7. ربح.

Umix كأداة المطور

ما عليك سوى إسقاط علامة <script> في نهاية جسدك... الأمر بهذه السهولة - لا توجد مراوغات، ولا توجد واجهة برمجة تطبيقات خارجية، فقط جودة الذكاء الاصطناعي في متناول يدك.

 < script src = "https://umix.dev/lib.js" > < / script > 

إلهام

الويب ممل.

لوحات رتيبة. واجهات متطابقة. جميع التطبيقات تبدو متشابهة.

يجب أن يكون الويب ممتعًا.

تم إنشاء ذكرياتنا وأصدقائنا وهوياتنا الأولى على الويب. في أعماق محادثات IRC وMySpace CSS المخصصة ومستندات Wikipedia العشوائية، وجدنا منزلًا - منزلًا في مجتمع من الأشخاص الذين وجدوا أيضًا متعة الويب.

على الرغم من أن شبكة الويب قد نضجت خلال العامين الماضيين، إلا أن هناك سحرًا لا يمكن إنكاره لماضيها الأكثر قابلية للاختراق والمرح.

ماذا يفعل

ريميكس الويب. Umix عبارة عن امتداد للمتصفح وأداة مطور تتيح لمستخدمي الإنترنت إمكانية إعادة مزج واجهات الويب وإعادة تصورها وإعادة مشاركتها بسهولة.

تخيل أنك قادر على التمرير فوق أي جزء من الصفحة، واطلب من الذكاء الاصطناعي تغييره ليناسب رغباتك، ورؤية إبداعك على الهواء مباشرة - هذا هو Umix.

كيف بنيناها

على الواجهة الأمامية، قمنا ببناء امتداد Chrome الذي يجتاز DOM في الذاكرة ويقوم بتحديث HTML بناءً على استجابة الواجهة الخلفية لدينا.

في الواجهة الخلفية، لدينا خادم Node.js الذي يتعامل مع الطلبات الواردة من الواجهة الأمامية. لقد قمنا بتجهيز GPT-4 بمتصفح ويب، حتى يتمكن من تصفح مواقع الويب وجلب المحتوى عندما لا يكون متأكدًا مما يجب فعله. يحدث هذا عدة مرات، مما يسمح لنا بالحصول على معلومات مباشرة من الويب.

وأخيرًا، قمنا ببناء أداة مطور تسمح لأي مطور ويب بدمج Umix كمكتبة JavaScript. يتيح ذلك للمطورين تمكين تجارب إعادة المزج الأصلية على مواقع الويب الخاصة بهم.

التحديات التي واجهناها

• عدم موثوقية LLMs - هلوسة GPT-4 (اختلاق أشياء) عدة مرات أو لم نعرف الإجابة على الأسئلة المختلفة عند الاختبار - لم نتمكن من البناء مباشرة فوق OpenAI واحتجنا إلى توصيل GPT-4 بأدوات أخرى. لقد قمنا بتوصيله بمتصفح ويب باستخدام langchain.js وجعلناه يجلب معلومات/وثائق واقعية للأدوات من مواقع الويب إذا لم يكن متأكدًا من الإجابة.
• بنية DOM صعبة ، وكان علينا التعامل مع طرق للتعامل مع عناصر الغلاف والسمات الزائدة والفئات المتجاوزة
• تصميم واجهة المستخدم – يعد إنشاء واجهة مستخدم بديهية للغاية، خاصة لاستخدام إعادة المزج، أمرًا صعبًا للغاية. لقد توصلنا في النهاية إلى نهج مشابه جدًا لأداة التحديد الخاصة بـ v0.dev
• متعة CSR/CORS + Devtool - استغرق إنشاء أداة مطور آمنة ومأمونة وقوية وامتداد Chrome، مع ضمان تلبية متطلبات الأمان، ساعات طويلة من البكاء

ما هو التالي لأوميكس

لقد قمنا بإنشاء منشور تجريبي صغير على Twitter (X) منذ 12 ساعة وتمت مشاهدته أكثر من 25000 مرة .

لدينا بالفعل 80 شخصًا في قائمة الانتظار لدينا (اعتبارًا من الساعة 4 صباحًا)

حان الوقت لجعل الويب ممتعًا. معًا، يمكننا إعادة مزج الويب.