umix

️ Sicherheitshinweis : Nicht in der Produktion verwenden. Dies ist experimentelle Software. Hier sind Drachen?

umix.dev

Umix ist eine Browsererweiterung und ein Entwicklertool zum Remixen von Websites. Sorgen wir dafür, dass das Web Spaß macht.

Wenn Sie einfach nur daran interessiert sind, es auszuprobieren, besuchen Sie unseren Repl.it-Spielplatz. Oder schauen Sie sich unser Video an.

Fahren Sie fort, wenn Sie es auf realen Websites verwenden möchten.

Umix als Browser-Erweiterung

Hinweis: Für Umix steht die Genehmigung im Chrome Extension Store aus. Derzeit können Sie es manuell über den Entwicklermodus integrieren. Wir unterstützen derzeit nur Chrome- und Chromium-Browser (Edge, Arc, Brave, Opera usw.)

1. Klicken Sie hier, um die ZIP-Datei des Projekts herunterzuladen
2. Entpacken Sie umix-master.zip .
3. Geben Sie chrome://extensions in Ihre URL-Adressleiste ein
4. Aktivieren Sie den Entwicklermodus

5. Klicken Sie auf „Ungepackt laden“.

6. Wählen Sie den umix-master -Ordner aus
7. Profitieren.

Umix als Entwicklertool

Fügen Sie einfach ein <script> -Tag am Ende Ihres Textes ein ... es ist ganz einfach – keine Macken, keine externe API, nur die Güte der KI steht Ihnen zur Verfügung.

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

Inspiration

Das Web ist langweilig.

Eintönige Dashboards. Identische Schnittstellen. Alle Apps sehen gleich aus.

Das Web soll Spaß machen.

Unsere frühesten Erinnerungen, Freunde und Identitäten wurden im Internet geschaffen. Tief in IRC-Chats, benutzerdefiniertem MySpace-CSS und zufälligen Wikipedia-Dokumenten fanden wir ein Zuhause – ein Zuhause in einer Community von Leuten, denen das Web auch Spaß machte.

Obwohl das Web in den letzten Jahren reifer geworden ist, hat seine eher hackbare und verspielte Vergangenheit einen unbestreitbaren Charme.

Was es bewirkt

Remixen Sie das Web. Umix ist eine Browsererweiterung und ein Entwicklertool, das es Internetnutzern ermöglicht, Weboberflächen einfach zu remixen, neu zu gestalten und neu zu teilen.

Stellen Sie sich vor, Sie könnten mit der Maus über einen beliebigen Teil der Seite fahren, eine KI bitten, sie nach Ihren Wünschen zu ändern, und Ihre Kreation live sehen – das ist Umix.

Wie wir es gebaut haben

Im Frontend haben wir eine Chrome-Erweiterung erstellt, die das In-Memory-DOM durchläuft und den HTML-Code basierend auf der Antwort unseres Backends aktualisiert.

Im Backend haben wir einen Node.js-Server, der Anfragen vom Frontend verarbeitet. Wir haben GPT-4 mit einem Webbrowser ausgestattet, sodass er Websites durchsuchen und Inhalte abrufen kann, wenn er nicht sicher ist, was er tun soll. Dies geschieht mehrmals, sodass wir Live-Informationen aus dem Internet erhalten können.

Schließlich haben wir ein Entwicklertool entwickelt, das es jedem Webentwickler ermöglicht, Umix als JavaScript-Bibliothek zu integrieren. Dadurch können Entwickler native Remixing-Erlebnisse auf ihren eigenen Websites ermöglichen.

Herausforderungen, denen wir begegnet sind

• Unzuverlässigkeit von LLMs – GPT-4 halluzinierte (erfunden) mehrmals oder wusste beim Testen nicht die Antwort auf verschiedene Fragen – wir konnten nicht direkt auf OpenAI aufbauen und mussten GPT-4 mit anderen Tools verbinden. Wir haben es über langchain.js mit einem Webbrowser verbunden und ließen es Sachinformationen/Dokumentation für Tools von Websites abrufen, wenn es sich über die Antwort nicht sicher war.
• Die DOM-Struktur ist schwierig – wir mussten uns mit Möglichkeiten auseinandersetzen, mit Wrapper-Elementen, übermäßigen Attributen und überschreibenden Klassen umzugehen
• Das Entwerfen der Benutzeroberfläche – die Erstellung einer sehr intuitiven Benutzeroberfläche, insbesondere für den Remix-Einsatz, ist äußerst schwierig. Letztendlich haben wir einen sehr ähnlichen Ansatz wie das Auswahltool von v0.dev gewählt
• CSR/CORS + Devtool macht Spaß – die Entwicklung eines sicheren und robusten Entwicklertools und einer Chrome-Erweiterung bei gleichzeitiger Sicherstellung der Einhaltung der Sicherheitsanforderungen hat viele Stunden des Weinens gekostet

Was kommt als nächstes für Umix?

Wir haben vor 12 Stunden einen kleinen Demo-Beitrag auf Twitter (X) erstellt, der über 25.000 Mal aufgerufen wurde.

Wir haben bereits 80 Personen auf unserer Warteliste (Stand 4 Uhr morgens)

Es ist Zeit, das Web zum Spaß zu machen. Gemeinsam können wir das Web neu mixen.