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 및 임의의 Wikipedia 문서를 통해 우리는 웹의 재미를 발견한 사람들의 커뮤니티에서 집을 찾았습니다.

웹은 지난 몇 년 동안 성숙해졌지만, 과거에는 해킹이 가능하고 재미있다는 사실에는 부인할 수 없는 매력이 있습니다.

기능

웹을 리믹스하세요. Umix는 인터넷 사용자가 웹 인터페이스를 쉽게 리믹스하고, 재구성하고, 다시 공유할 수 있게 해주는 브라우저 확장 및 개발자 도구입니다.

페이지의 어느 부분에나 마우스를 올려 놓고 AI에게 원하는 대로 변경하도록 요청하고 창작물을 실시간으로 볼 수 있다고 상상해 보세요. 바로 Umix입니다.

우리가 그것을 구축한 방법

프론트엔드에서는 인메모리 DOM을 탐색하고 백엔드의 응답을 기반으로 HTML을 업데이트하는 크롬 확장을 구축했습니다.

백엔드에는 프런트엔드의 요청을 처리하는 Node.js 서버가 있습니다. 우리는 GPT-4에 웹 브라우저를 탑재하여 무엇을 해야 할지 확신이 없을 때 웹사이트를 탐색하고 콘텐츠를 가져올 수 있습니다. 이런 일이 여러 번 발생하여 웹에서 실시간 정보를 얻을 수 있습니다.

마지막으로, 우리는 모든 웹 개발자가 Umix를 JavaScript 라이브러리로 통합할 수 있는 개발자 도구를 구축했습니다. 이를 통해 개발자는 자신의 웹사이트에서 기본 리믹싱 경험을 활성화할 수 있습니다.

우리가 직면한 과제

• LLM의 불안정성 — GPT-4가 여러 번 환각을 느꼈거나 테스트 시 다양한 질문에 대한 답을 몰랐습니다. OpenAI 위에 직접 구축할 수 없었고 GPT-4를 다른 도구에 연결해야 했습니다. 우리는 이를 langchain.js를 사용하여 웹 브라우저에 연결했고, 답변이 확실하지 않은 경우 웹사이트에서 도구에 대한 사실 정보/문서를 가져오도록 했습니다.
• DOM 구조는 어렵습니다 . 래퍼 요소, 과도한 속성 및 재정의 클래스를 처리하는 방법을 처리해야 했습니다.
• UI 디자인 – 특히 리믹스용으로 매우 직관적인 UI를 만드는 것은 매우 어렵습니다. 우리는 결국 v0.dev의 선택 도구와 매우 유사한 접근 방식을 사용하게 되었습니다.
• CSR/CORS + Devtool 재미 – 안전하고 안전하며 강력한 개발자 도구 및 Chrome 확장 프로그램을 만드는 동시에 보안 요구 사항을 충족하는 데는 많은 힘든 시간이 걸렸습니다.

Umix의 다음 단계는 무엇입니까

우리는 12시간 전에 Twitter(X)에 작은 데모 게시물을 올렸고 25,000회 이상 조회 되었습니다.

이미 대기자 명단에 80 명이 있습니다(오전 4시 기준).

이제 웹을 재미있게 만들 차례입니다. 우리는 함께 웹을 리믹스할 수 있습니다.