umix

️ Penafian Keamanan : Jangan gunakan dalam produksi. Ini adalah perangkat lunak eksperimental. Ini naga?

umix.dev

Umix adalah ekstensi browser dan alat pengembang untuk me-remix situs web. Mari buat web menjadi menyenangkan.

Jika Anda hanya tertarik untuk mencobanya, kunjungi taman bermain Repl.it kami. Atau, tonton video kami.

Lanjutkan jika Anda ingin menggunakannya di situs web dunia nyata.

Umix sebagai Ekstensi Browser

Catatan: Umix sedang menunggu persetujuan di Toko Ekstensi Chrome. Untuk saat ini, Anda dapat mengintegrasikannya secara manual melalui Mode Pengembang. Saat ini kami hanya mendukung Browser Chrome dan Chromium (Edge, Arc, Brave, Opera, dll.)

1. Klik untuk mengunduh proyek ZIP
2. Buka zip umix-master.zip .
3. Ketik chrome://extensions di bilah alamat URL Anda
4. Aktifkan Mode Pengembang

5. Klik Muat Dibongkar

6. Pilih folder umix-master
7. Laba.

Umix sebagai Alat Pengembang

Cukup letakkan tag <script> di akhir badan Anda... semudah itu – tanpa keanehan, tanpa API eksternal, hanya keunggulan AI di ujung jari Anda.

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

Inspirasi

Web itu membosankan.

Dasbor yang monoton. Antarmuka yang identik. Semua aplikasi terlihat sama.

Web seharusnya menyenangkan.

Kenangan, teman, dan identitas kita yang paling awal dibuat di web. Jauh di dalam obrolan IRC dan CSS MySpace khusus serta dokumen Wikipedia acak, kami menemukan sebuah rumah–sebuah rumah di komunitas orang-orang yang juga menganggap Web menyenangkan.

Meskipun Web telah berkembang dalam beberapa tahun terakhir, ada daya tarik yang tak terbantahkan pada masa lalunya yang lebih mudah diretas dan menyenangkan.

Apa fungsinya

Remix web. Umix adalah ekstensi browser dan alat pengembang yang memungkinkan pengguna internet dengan mudah me-remix, menata ulang, dan membagikan ulang antarmuka web.

Bayangkan bisa mengarahkan kursor ke bagian mana pun pada halaman, meminta AI untuk mengubahnya sesuai keinginan Anda, dan melihat kreasi Anda secara langsung – itulah Umix.

Bagaimana kami membangunnya

Di frontend, kami membuat ekstensi chrome yang melintasi DOM dalam memori dan memperbarui HTML berdasarkan respons backend kami.

Di backend, kami memiliki server Node.js yang menangani permintaan dari frontend. Kami melengkapi GPT-4 dengan browser web, sehingga dapat menelusuri situs web dan mengambil konten saat tidak yakin harus berbuat apa. Hal ini terjadi berkali-kali, sehingga memungkinkan kami mendapatkan informasi langsung dari web.

Terakhir, kami membangun alat pengembang yang memungkinkan pengembang web mana pun mengintegrasikan Umix sebagai perpustakaan JavaScript. Hal ini memungkinkan pengembang untuk mengaktifkan pengalaman remixing asli di situs web mereka sendiri.

Tantangan yang kami hadapi

• LLM yang tidak dapat diandalkan — GPT-4 berhalusinasi (mengarang-ngarang) beberapa kali atau tidak mengetahui jawaban atas berbagai pertanyaan saat pengujian — kami tidak dapat membuat langsung di atas OpenAI dan perlu menghubungkan GPT-4 ke alat lain. Kami menghubungkannya ke browser web menggunakan langchain.js dan memintanya mengambil informasi/dokumentasi faktual untuk alat dari situs web jika tidak yakin dengan jawabannya.
• Struktur DOM itu sulit – kami harus berurusan dengan cara menangani elemen pembungkus, atribut yang berlebihan, dan kelas utama
• Mendesain UI – membuat UI yang sangat intuitif, terutama untuk penggunaan remix, sangatlah sulit. Kami akhirnya mendapatkan pendekatan yang sangat mirip dengan alat pilih v0.dev
• Kegembiraan CSR/CORS + Devtool – menciptakan alat pengembang dan ekstensi chrome yang aman, terlindungi, dan tangguh, sekaligus memastikan persyaratan keamanan terpenuhi memerlukan waktu berjam-jam yang melelahkan

Apa selanjutnya untuk Umix

Kami membuat postingan demo kecil di Twitter (X) 12 jam yang lalu dan telah dilihat 25.000+ kali .

Kami sudah memiliki 80 orang di daftar tunggu kami (mulai jam 4 pagi)

Saatnya menjadikan Web menyenangkan. Bersama-sama, kita dapat me-remix web.