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> ที่ส่วนท้ายของร่างกาย... มันง่ายมาก ไม่มีนิสัยแปลกๆ ไม่มี API ภายนอก มีเพียงความดีของ AI ที่ปลายนิ้วของคุณ

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

แรงบันดาลใจ

เว็บมันน่าเบื่อ

แดชบอร์ดที่ซ้ำซากจำเจ อินเทอร์เฟซที่เหมือนกัน แอพทั้งหมดมีลักษณะเหมือนกัน

เว็บควรจะสนุก

ความทรงจำ เพื่อน และตัวตนในยุคแรกๆ ของเราถูกสร้างขึ้นบนเว็บ จากการแชทของ IRC และ MySpace CSS แบบกำหนดเอง และเอกสาร Wikipedia แบบสุ่ม เราพบบ้าน ซึ่งเป็นบ้านในชุมชนของผู้คนที่พบว่าเว็บสนุกสนานเช่นกัน

แม้ว่าเว็บจะเติบโตเต็มที่ในช่วงสองสามปีที่ผ่านมา แต่ก็มีเสน่ห์ที่ปฏิเสธไม่ได้ว่าอดีตสามารถแฮ็กได้และสนุกสนานมากขึ้น

มันทำอะไร

รีมิกซ์เว็บ Umix เป็นส่วนขยายเบราว์เซอร์และเครื่องมือสำหรับนักพัฒนาที่ช่วยให้ผู้ใช้อินเทอร์เน็ตสามารถรีมิกซ์ จินตนาการใหม่ และแชร์อินเทอร์เฟซเว็บต่อได้อย่างง่ายดาย

ลองนึกภาพความสามารถในการวางเมาส์เหนือส่วนใดก็ได้ของหน้า ขอให้ AI เปลี่ยนตามที่คุณต้องการ และดูผลงานสร้างสรรค์ของคุณแบบสดๆ นั่นคือ Umix

เราสร้างมันขึ้นมาอย่างไร

ที่ส่วนหน้า เราได้สร้างส่วนขยายของ Chrome ที่สำรวจ DOM ในหน่วยความจำ และอัปเดต HTML ตามการตอบสนองของส่วนหลังของเรา

ที่แบ็กเอนด์ เรามีเซิร์ฟเวอร์ Node.js ที่จัดการคำขอจากฟรอนต์เอนด์ เราติดตั้งเว็บเบราว์เซอร์ GPT-4 เพื่อให้สามารถเรียกดูเว็บไซต์และดึงเนื้อหาเมื่อไม่แน่ใจว่าต้องทำอย่างไร สิ่งนี้เกิดขึ้นหลายครั้ง ทำให้เราสามารถรับข้อมูลสดจากเว็บได้

สุดท้ายนี้ เราได้สร้างเครื่องมือสำหรับนักพัฒนาที่ช่วยให้นักพัฒนาเว็บสามารถรวม Umix เป็นไลบรารี JavaScript ได้ ซึ่งช่วยให้นักพัฒนาสามารถเปิดใช้งานประสบการณ์การรีมิกซ์แบบเนทีฟบนเว็บไซต์ของตนเองได้

ความท้าทายที่เราพบเจอ

• ความไม่น่าเชื่อถือของ LLM — GPT-4 หลอน (สร้างของขึ้นมา) หลายครั้งหรือไม่ทราบคำตอบสำหรับคำถามต่างๆ เมื่อทำการทดสอบ — เราไม่สามารถสร้างบน OpenAI ได้โดยตรง และจำเป็นต้องเชื่อมต่อ GPT-4 กับเครื่องมืออื่นๆ เราเชื่อมต่อกับเว็บเบราว์เซอร์โดยใช้ langchain.js และให้มันดึงข้อมูลที่เป็นข้อเท็จจริง/เอกสารประกอบสำหรับเครื่องมือจากเว็บไซต์ หากไม่แน่ใจเกี่ยวกับคำตอบ
• โครงสร้าง DOM นั้นยาก เราต้องจัดการกับวิธีจัดการกับองค์ประกอบ wrapper คุณลักษณะที่มากเกินไป และการเอาชนะคลาส
• การออกแบบ UI – การสร้าง UI ที่ใช้งานง่าย โดยเฉพาะสำหรับการใช้งานแบบรีมิกซ์นั้นเป็นเรื่องยากมาก ในที่สุดเราก็ได้แนวทางที่คล้ายกันมากกับเครื่องมือเลือกของ v0.dev
• CSR/CORS + Devtool สนุกสนาน – การสร้างเครื่องมือสำหรับนักพัฒนาที่ปลอดภัย แข็งแกร่งและส่วนขยายของ Chrome ขณะเดียวกันก็ทำให้มั่นใจว่าเป็นไปตามข้อกำหนดด้านความปลอดภัยใช้เวลาหลายชั่วโมงในการร้องไห้

อะไรต่อไปสำหรับ Umix

เราสร้างโพสต์สาธิตเล็กๆ บน Twitter (X) เมื่อ 12 ชั่วโมงที่แล้วและมี ผู้เข้าชมมากกว่า 25,000 ครั้ง

เรามีผู้อยู่ในรายชื่อรอแล้ว 80 คน (ณ เวลา 04.00 น.)

ถึงเวลาที่จะทำให้เว็บสนุกแล้ว เราสามารถรีมิกซ์เว็บร่วมกันได้