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 点）

是时候让网络变得有趣了。我们可以一起重新组合网络。