동기 부여

목표는 계속 증가하는 부조종사(AI 보조자) 세트를 구현하고 사용할 수 있는 다목적 UI와 간단한 프레임워크를 제공하는 것입니다. 이러한 부조종사는 브라우저 확장 기능을 활용하여 광범위한 작업에 도움을 줄 수 있습니다.

다음은 이러한 부조종사가 수행할 수 있는 작업에 대한 몇 가지 예입니다.

? 특정 웹 애플리케이션과 관련된 부조종사를 자동으로 활성화합니다. 예를 들어 Mail Copilot은 메일 웹 앱이 브라우저 탭에 로드될 때 활성화될 수 있습니다.
? 현재 웹 애플리케이션에서 정보를 추출합니다. 예를 들어, 부조종사는 메일 웹 앱에서 현재 메일 콘텐츠를 추출하고 메일 요약을 제공할 수 있으며, 사용자는 메일 콘텐츠에 대해 질문할 수 있습니다.
웹 애플리케이션과 상호 작용합니다. 부조종사는 사용자 요청에 따라 메일 본문을 생성할 수 있습니다. 또한 적절한 테스트 데이터로 웹 앱 양식 필드를 채울 수도 있습니다.
? 서비스 API를 사용하여 추가 정보를 추출하거나 웹 앱 프로세스를 자동화하세요. 예를 들어 부조종사는 웹 앱 백엔드에서 유효한 예제를 검색하여 프런트엔드 양식을 채울 수 있습니다.
브라우저 확장과 AI 및 LLM 기능을 결합하면 다른 많은 아이디어와 기능을 탐색할 수 있습니다.

용법

릴리스에서 최신 버전을 다운로드하여 브라우저에 확장 기능을 설치하세요. zip 파일에서 확장 프로그램을 설치하려면 브라우저의 "확장 프로그램 관리" 화면으로 이동하여 개발자 모드를 활성화한 다음 확장 zip 파일을 끌어서 놓아야 합니다.
해당 아이콘을 클릭하여 확장 프로그램을 열고 기본 URL을 제공하여 새 부조종사를 추가하세요. 기본 URL은 manifest.json 및 logo.png 의 위치와 일치해야 합니다. 예를 들어 에이전트가 로컬에서 실행 중인 경우 http://localhost:8000 입니다.
구성된 부조종사를 클릭하여 새 채팅을 시작하거나, 부조종사가 자동 활성화된 경우 브라우저를 사용하면 부조종사가 활성화될 때 부조종사 채팅이 자동으로 나타납니다.
선호하는 메시지를 채팅에서 직접 저장하세요. 나중에 빠르게 액세스하려면 채팅 입력에 '/'를 입력하기만 하면 됩니다.

언제든지 확장 아이콘을 사용하거나 페이지를 마우스 오른쪽 버튼으로 클릭하고 Toggle Browser Copilot 선택하여 부조종사를 닫고 나중에 대화를 재개할 수 있습니다.

부조종사 URL을 모르는 경우 이 프로젝트에는 에이전트 폴더에 간단한 부조종사 구현이 포함되어 있습니다. Agent/sample.env를 agent/.env 에 복사하고 환경 변수를 변경한 후 docker-compose up 실행하여 시작할 수 있습니다(이를 위해서는 docker가 필요함). 일단 시작되면 http://localhost:8000 URL을 사용하여 부조종사를 추가하여 이를 사용하도록 확장을 구성할 수 있습니다.

부조종사를 활성화하면(부조종사 목록 클릭) 일부 자격 증명이 요청됩니다. test 사용자와 test 비밀번호를 사용하여 로그인하세요.

앞으로는 커뮤니티에서 제공하는 부조종사 카탈로그를 추가할 계획입니다. 따라서 새로운 부조종사를 생성하는 경우 초기 카탈로그에 포함할 수 있도록 알려 주시기 바랍니다 .

개발

에이전트 개발

새 에이전트를 개발하려면 에이전트-모의, 에이전트-단순 또는 에이전트 확장 폴더를 참조할 수 있습니다. 후자는 끝점 및 manifest.json 에 대한 적절한 문서가 포함된 가장 완전한 것입니다.

개발 환경으로는 devbox와 direnv를 사용합니다.

필요한 모든 종속성을 설치하려면(devbox 및 direnv 설치 후) 다음 명령을 실행하십시오.

devbox run install

다음으로, agent-extended/.env 에서 적절한 환경 변수를 설정하십시오.

개발 속도를 높이기 위해 Keycloak 섹션을 주석 처리할 수 있으므로 확장에서 부조종사를 시도할 때마다 인증할 필요가 없습니다. Keycloak 섹션을 주석 처리하지 않은 경우 devbox run keycloak 실행하여 인증을 위해 Keycloak을 실행하고 로그인을 위해 test test 자격 증명을 사용해야 합니다(브라우저 확장 프로그램에서 요청하는 경우).

에이전트를 개발 모드에서 실행하여 에이전트 소스 파일에서 변경 사항이 감지될 때마다 자동 핫 리로드를 활성화하려면 다음 명령을 실행합니다.

devbox run agent

에이전트를 디버깅하려면 선호하는 IDE로 에이전트를 시작하고 devbox에서 생성된 관련 가상 환경을 가리키며 IDE의 디버거 기능을 사용하여 기본 스크립트를 실행할 수 있습니다.

에이전트에 대한 자세한 내용은 Readme를 참조하세요.

브라우저 확장 개발

브라우저 확장에 대한 변경 사항을 제공하려는 경우 browser-extension 폴더를 참조하세요.

핫 리로드 기능이 있는 Chrome 브라우저를 시작하려면 다음 명령을 사용하십시오.

devbox run browser

기본 브라우저 설정을 수정하려면 browser-extension/vite.config.ts를 참조하세요.

확장의 최종 배포를 빌드하려면 다음 명령을 실행하십시오.

devbox run build

기여

우리는 모든 종류의 기여를 환영합니다!

이 프로젝트에 별표를 부여하여 전체 커뮤니티에 더 잘 보이게 하세요. 이는 귀하가 이 프로젝트에 관심이 있다는 것을 알려주고, 우리가 이 프로젝트에 더 많은 노력을 투자하도록 동기를 부여합니다.
? 이 프로젝트에 대해 널리 알려주세요. 이에 대한 출판물(트윗, StackOverflow 멘션, LinkedIn 게시물, Medium 기사 등)을 작성하는 경우 알려주시기 바랍니다. 우리는 앞으로 그러한 출판물에 대한 참고 자료를 추가할 계획입니다.
? 문제를 생성하거나 저장소에서 토론을 열어 질문하고 개선을 요청하세요.
?‍ 코딩을 좋아한다면 새로운 에이전트를 구축하여 브라우저 확장 기능이나 일반적인 개선 사항을 구현하는 데 도움을 줄 수 있습니다.

확장하다

추가 정보