umix

️安全免責聲明：請勿在生產中使用。這是實驗性軟體。這裡有龍嗎？

umix.dev

Umix 是一個用於重新混合網站的瀏覽器擴充功能和開發工具。讓我們讓網路變得有趣。

如果您只是想嘗試一下，請前往我們的 Repl.it 遊樂場。或者，觀看我們的影片。

如果您想在現實世界的網站中使用它，請繼續。

Umix 作為瀏覽器擴充

注意： Umix 正在等待 Chrome 擴充功能商店的批准。目前，您可以透過開發者模式手動整合它。我們目前僅支援 Chrome 和 Chromium 瀏覽器（Edge、Arc、Brave、Opera 等）

1. 點選下載項目ZIP
2. 解壓縮umix-master.zip 。
3. 在 URL 網址列中輸入chrome://extensions
4. 啟動開發者模式

5. 點擊“加載已解壓縮”

6. 選擇umix-master資料夾
7. 利潤。

Umix 作為開發者工具

只需在正文末尾添加一個<script>標籤...就這麼簡單 – 沒有怪癖，沒有外部 API，只需觸手可及的 AI 優勢。

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

靈感

網路很無聊。

單調的儀表板。相同的接口。所有應用程式看起來都一樣。

網路應該會很有趣。

我們最早的記憶、朋友和身分都是在網路上形成的。在 IRC 聊天、自訂 MySpace CSS 和隨機維基百科文件的深處，我們找到了一個家——一個在同樣發現網路樂趣的人們社群中的家。

雖然網路在過去幾年中已經成熟，但不可否認的是，它更易於破解和有趣的過去具有魅力。

它的作用

重新混合網路。 Umix 是一個瀏覽器擴充功能和開發工具，可讓網路使用者輕鬆地重新混合、重新想像和重新分享 Web 介面。

想像一下，能夠將滑鼠懸停在頁面的任何部分，要求人工智慧將其更改為您的願望，並即時查看您的創作 - 這就是 Umix。

我們是如何建構它的

在前端，我們建立了一個 chrome 擴展，它遍歷記憶體中的 DOM 並根據後端的回應更新 HTML。

在後端，我們有一個 Node.js 伺服器來處理來自前端的請求。我們為 GPT-4 配備了網頁瀏覽器，因此它可以在不確定要做什麼時瀏覽網站並獲取內容。這種情況會發生多次，使我們能夠從網路上獲取即時資訊。

最後，我們建立了一個開發人員工具，讓任何 Web 開發人員將 Umix 集成為 JavaScript 函式庫。這使得開發人員可以在自己的網站上啟用本機混音體驗。

我們所遇到的挑戰

• LLM 的不可靠性——GPT-4 多次產生幻覺（編造出來的東西），或者在測試時不知道各種問題的答案——我們無法直接在OpenAI 之上構建，需要將GPT-4 連接到其他工具。我們使用 langchain.js 將其連接到網頁瀏覽器，並讓它在不確定答案時從網站獲取工具的事實資訊/文件。
• DOM 結構很困難——我們必須處理處理包裝元素、過多屬性和重寫類別的方法
• 設計使用者介面－創造一個非常直覺的使用者介面，特別是對於混音使用來說，是極其困難的。我們最終採用了與 v0.dev 的選擇工具非常相似的方法
• CSR/CORS + Devtool 的樂趣——創建一個可靠、安全、健壯的開發者工具和 Chrome 擴展，同時確保滿足安全要求，花費了許多艱苦的時間

Umix 的下一步是什麼

12 小時前，我們在 Twitter (X) 上發布了小型演示帖子，瀏覽量超過 25,000 次。

我們的候補名單上已有80人（截至凌晨 4 點）

是時候讓網路變得有趣了。我們可以一起重新組合網路。