umix

️セキュリティに関する免責事項: 運用環境では使用しないでください。これは実験的なソフトウェアです。ここにドラゴンがいますか？

umix.dev

Umix は、Web サイトをリミックスするためのブラウザ拡張機能および開発者ツールです。ウェブを楽しくしましょう。

試してみたいだけなら、Repl.it プレイグラウンドにアクセスしてください。または、ビデオをご覧ください。

実際の Web サイトで使用する場合は続行してください。

ブラウザ拡張機能としての 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、ランダムな Wikipedia ドキュメントの奥深くで、私たちは居場所を見つけました。それは、Web の楽しさを感じている人々のコミュニティに居場所を見つけたことです。

Web はここ数年で成熟してきましたが、よりハッキング可能で遊び心のある過去には、否定できない魅力があります。

何をするのか

ウェブをリミックスします。 Umix は、インターネット ユーザーが Web インターフェイスを簡単にリミックス、再考、再共有できるようにするブラウザ拡張機能および開発者ツールです。

ページの任意の部分にマウスを移動し、AI に依頼して希望に合わせて変更し、作成した作品をライブで確認できることを想像してみてください。それが Umix です。

どのように構築したか

フロントエンドでは、メモリ内の DOM をトラバースし、バックエンドの応答に基づいて HTML を更新する Chrome 拡張機能を構築しました。

バックエンドには、フロントエンドからのリクエストを処理する Node.js サーバーがあります。 GPT-4 には Web ブラウザが装備されているため、何をすればよいかわからないときに Web サイトを閲覧してコンテンツを取得できます。これが何度も発生するため、私たちはウェブから生きた情報を得ることができます。

最後に、Web 開発者が Umix を JavaScript ライブラリとして統合できる開発者ツールを構築しました。これにより、開発者は自分の Web サイトでネイティブ リミックス エクスペリエンスを有効にすることができます。

私たちが直面した課題

• LLM の信頼性の低さ— GPT-4 は何度も幻覚を起こした (でっちあげた) か、テスト中にさまざまな質問に対する答えがわかりませんでした — OpenAI 上に直接構築することはできず、GPT-4 を他のツールに接続する必要がありました。 langchain.js を使用して Web ブラウザに接続し、答えがわからない場合は Web サイトから事実情報やツールのドキュメントを取得できるようにしました。
• DOM 構造は難しい– ラッパー要素、過剰な属性、クラスのオーバーライドを処理する方法に対処する必要がありました。
• UI のデザイン- 非常に直感的な UI を作成することは、特にリミックスで使用する場合、非常に困難です。最終的には、v0.dev の選択ツールと非常によく似たアプローチにたどり着きました。
• CSR/CORS + Devtool の楽しみ- セキュリティ要件が満たされていることを確認しながら、安全、安全、堅牢な開発者ツールと Chrome 拡張機能を作成するには、何時間も泣きながら苦労しました

ユーミックスの次は何だろう

12 時間前に Twitter (X) に小さなデモ投稿を作成し、 25,000 回以上閲覧されました。

キャンセル待ちリストにはすでに80人が登録されています (午前 4 時現在)。

Web を楽しくする時代が来ました。一緒にウェブをリミックスしましょう。