umix

️ Avertissement de sécurité : Ne pas utiliser en production. Il s'agit d'un logiciel expérimental. Voilà des dragons ?

umix.dev

Umix est une extension de navigateur et un outil de développement permettant de remixer des sites Web. Rendons le Web amusant.

Si vous souhaitez simplement l'essayer, rendez-vous sur notre terrain de jeu Repl.it. Ou regardez notre vidéo.

Continuez si vous souhaitez l'utiliser sur des sites Web du monde réel.

Umix comme extension de navigateur

Remarque : Umix est en attente d'approbation sur le Chrome Extension Store. Pour l'instant, vous pouvez l'intégrer manuellement via le mode développeur. Nous ne prenons actuellement en charge que les navigateurs Chrome et Chromium (Edge, Arc, Brave, Opera, etc.)

1. Cliquez pour télécharger le ZIP du projet
2. Décompressez umix-master.zip .
3. Tapez chrome://extensions dans votre barre d'adresse URL
4. Activer le mode développeur

5. Cliquez sur Charger décompressé

6. Sélectionnez le dossier umix-master
7. Profit.

Umix comme outil de développement

Déposez simplement une balise <script> au bout de votre corps... c'est aussi simple que cela : pas de bizarreries, pas d'API externe, juste la bonté de l'IA à portée de main.

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

Inspiration

Le Web est ennuyeux.

Tableaux de bord monotones. Interfaces identiques. Toutes les applications se ressemblent.

Le Web devrait être amusant.

Nos premiers souvenirs, amis et identités ont été créés sur le Web. Au cœur des discussions IRC, des CSS MySpace personnalisés et des documents Wikipédia aléatoires, nous avons trouvé un foyer, un foyer au sein d'une communauté de personnes qui trouvaient également le Web amusant.

Bien que le Web ait mûri au cours des deux dernières années, son passé plus piratable et ludique possède un charme indéniable.

Ce que ça fait

Remixez le Web. Umix est une extension de navigateur et un outil de développement qui permet aux internautes de remixer, réimaginer et repartager facilement des interfaces Web.

Imaginez pouvoir survoler n'importe quelle partie de la page, demander à une IA de la modifier selon vos envies et voir votre création en direct – c'est Umix.

Comment nous l'avons construit

Sur le frontend, nous avons construit une extension Chrome qui traverse le DOM en mémoire et met à jour le HTML en fonction de la réponse de notre backend.

Sur le backend, nous avons un serveur Node.js qui gère les requêtes du frontend. Nous avons équipé GPT-4 d'un navigateur Web, afin qu'il puisse parcourir des sites Web et récupérer du contenu lorsqu'il ne sait pas quoi faire. Cela se produit plusieurs fois, ce qui nous permet d'obtenir des informations en direct sur le Web.

Enfin, nous avons construit un outil de développement qui permet à tout développeur Web d'intégrer Umix en tant que bibliothèque JavaScript. Cela permet aux développeurs de proposer des expériences de remixage natives sur leurs propres sites Web.

Les défis que nous avons rencontrés

• Manque de fiabilité des LLM - GPT-4 a halluciné (inventé) plusieurs fois ou ne connaissait pas la réponse à diverses questions lors des tests - nous ne pouvions pas construire directement sur OpenAI et devions connecter GPT-4 à d'autres outils. Nous l'avons connecté à un navigateur Web à l'aide de langchain.js et lui avons demandé de récupérer des informations factuelles/de la documentation sur les outils des sites Web s'il n'était pas sûr de la réponse.
• La structure du DOM est difficile : nous avons dû trouver des moyens de gérer les éléments wrapper, les attributs excessifs et les classes de remplacement.
• Concevoir l'interface utilisateur – créer une interface utilisateur très intuitive, en particulier pour le remixage, est extrêmement difficile. Nous avons finalement adopté une approche très similaire à celle de l'outil de sélection de v0.dev.
• CSR/CORS + Devtool amusant – créer un outil de développement et une extension Chrome sécurisés, sûrs et robustes, tout en garantissant que les exigences de sécurité sont respectées a nécessité de nombreuses heures de pleurs ardues

Quelle est la prochaine étape pour Umix

Nous avons publié une petite publication de démonstration sur Twitter (X) il y a 12 heures et avons été consultées plus de 25 000 fois .

Nous avons déjà 80 personnes sur notre liste d'attente (à 4h du matin)

Il est temps de rendre le Web amusant. Ensemble, nous pouvons remixer le Web.