홈페이지>프로그래밍 관련>AI 소스 코드
다운로드

확장 | 운영체제

? 스크린샷

선택하고 마우스 오른쪽 버튼을 클릭한 후 기능을 선택하세요. 정말 쉽습니다! 행동

가장 좋아하는 제공업체를 선택하고 가장 마음에 드는 모델을 선택하세요. LLM 선택자

나만의 메시지로 모양과 느낌을 맞춤화하고 창의력을 발휘해보세요! 프롬프트팩토리

에이전트 혼합물(시험판) 에이전트의 혼합물 에스

이 확장 프로그램을 성장시킬 수 있도록 도와주세요

VAPI에 가입할 때 내 제휴 코드를 사용하세요: https://vapi.ai/?aff=extension-os

시작하기

  1. 확장 프로그램을 복제하거나 최신 릴리스를 다운로드하세요.
  2. Chrome 브라우저를 열고 chrome://extensions로 이동합니다.
  3. 페이지 오른쪽 상단에 있는 토글 스위치를 클릭하여 개발자 모드를 활성화합니다.
  4. chrome-mv3-prod.zip 압축 풀기/압축 풀기
  5. "압축해제된 파일 로드" 버튼을 클릭하고 방금 압축을 푼 폴더를 선택하세요.
  6. 옵션 페이지가 자동으로 열리고 API 키를 삽입하세요.

특징

  • Prompt Factory : 표준 설치를 통해 귀하의 필요에 맞게 모든 프롬프트를 손쉽게 맞춤화하세요.
  • 프롬프트 팩토리 : 복사-붙여넣기부터 새 사이드바 열기까지 모든 프롬프트에 대한 기능을 선택하세요.
  • 원활한 통합 : 즐겨찾는 웹사이트에서 직접 모든 LLM 모델에 쉽게 액세스할 수 있습니다.
  • 보안 저장소 : API 키는 브라우저의 로컬 저장소에 안전하게 저장되어 장치를 떠나지 않습니다.
  • [베타] Mixture of Agents : 혁신적인 Mixture Of Agents 기능을 경험해보세요.

왜

2024년 7월 27일 아침, SF Hackathon x Build Club에 가입하며 신나는 여정을 시작했습니다. 몇 달 동안 마음속으로 개념을 다듬은 후, 이제 그것을 현실로 만들 때라고 결정했습니다. 저는 아이디어를 강화하고, 이미 만든 것을 업데이트하고, 맞춤형 프롬프트를 통해 모든 사람이 창의력을 발휘할 수 있도록 힘을 실어주기 위해 노력했습니다.

데이터 - 인식

모든 데이터는 하드 드라이브에 로컬로 저장됩니다.

맥 OSX

/Users/<your-username>/Library/Application Support/Google/Chrome/Default/Sync Extension Settings/

로컬호스트

localhost 옵션을 활용하고 LLM 추론을 수행하려면 로컬 Ollama 서버를 설정해야 합니다. 여기에서 CLI와 함께 Ollama를 다운로드하여 설치할 수 있습니다.

이미지 가져오기

예: 

 ollama pull llama3.1

서버 시작

예: 

 OLLAMA_ORIGINS=chrome-extension://* ollama serve

중요 : Chrome 확장 프로그램의 요청을 허용하려면 OLLAMA_ORIGINS 환경 변수를 chrome-extension://* 로 구성해야 합니다. OLLAMA_ORIGINS 올바르게 구성되지 않은 경우 Chrome 확장 프로그램에서 오류가 발생합니다.

chrome-extension://* 의 * 를 확장 프로그램 ID로 바꿔야 합니다. 확장 프로그램을 다운로드한 경우 | Chrome의 OS는 chrome-extension://bahjnakiionbepnlbogdkojcehaeefnp 사용하세요.

macOS

launchctl setenv 실행하여 OLLAMA_ORIGINS 설정하세요. 

 launchctl setenv OLLAMA_ORIGINS "chrome-extension://bahjnakiionbepnlbogdkojcehaeefnp"

Mac에서 환경 변수 설정하기(Ollama)

도커

Ollama 서버는 Docker 컨테이너에서도 실행될 수 있습니다. 컨테이너에는 OLLAMA_ORIGINS 환경 변수가 chrome-extension://* 으로 설정되어 있어야 합니다.

-e 플래그와 함께 docker run 실행하여 OLLAMA_ORIGINS 환경 변수를 설정합니다. 

 docker run -e OLLAMA_ORIGINS="chrome-extension://bahjnakiionbepnlbogdkojcehaeefnp" -d -v ollama:/root/.ollama -p 11434:11434 --name ollama ollama/ollama

할 일 목록

최대한 빨리 다른 곳으로 옮기세요.

  • https://github.com/rowyio/roadmap?tab=readme-ov-file#step-1-setup-backend-template
  • https://canny.io
  • https://sleekplan.com/

긴급하고 중요한

  • 로깅 : 로그 파일을 저장할 위치를 결정합니다.

긴급, 중요하지 않음

  • 프롬프트 팩토리 : 사용자 정의 프롬프트를 생성하는 기능을 추가합니다.
  • 브라우저 내에서 채팅하는 기능을 추가하세요.
  • 키 암호화: 로컬에 저장되지만 첫 번째 Chrome 확장 프로그램이므로 이에 액세스하는 방법에 대해 더 자세히 조사해야 합니다.
  • 자동화된 테스트
  • Playwright가 Chrome 확장 프로그램 테스트를 지원하는지 조사하세요.
  • 자동 태깅/해제
  • 장소

중요, 긴급하지 않음

  • Prompt Factory의 UI는 직관적이지 않으며 "모두 저장" 버튼 UX는 cr@p입니다.
  • Storage API 호출 후 사이드바 API가 작동하지 않음(User Interaction을 수행해야 함)
  • 정리를 개선하려면 파일을 /src 폴더로 이동하세요.
  • 코드베이스 구조를 전략적으로 구성합니다.
  • 패키지 관리자를 결정하세요: npm, pnpm, 또는 Yarn.

긴급하지도 중요하지도 않음

  • 모델을 자동으로 업데이트하는 워크플로우입니다.
  • Prompt Factory : 워크플로우 구축 기능을 추가합니다.
  • 프롬프트 팩토리 : 각 프롬프트에 사용할 LLM을 선택하는 옵션을 추가합니다.
  • 어리석은 댓글을 모두 삭제하세요. 어쩌면 언젠가는....

해커톤 유튜브 영상

피트 길이

  • Pixabay의 올레나

  • Pixabay로부터 입수된 NickyPe

음악

  • https://suno.com/song/f14541af-c853-4c22-b0b7-9000194fc9c6

목소리

  • 일레븐랩스

특별한 감사

  • 클럽 구축 -> 해커톤 주최자
  • Leonardo.ai -> 피닉스 모델로 생성된 아이콘
  • Canva -> AI로 생성되지 않은 다른 이미지
  • ShadCn -> 모든 UI?
  • 플라즈마 -> 프레임워크
  • Groq -> 추가 크레딧
  • 아이콘 -> 아이콘8
  • https://shadcnui-expansions.typeart.cc/

변경 내역

0.0.24

  • 사용자 정의 URL을 지정하는 기능 추가

0.0.23

  • 개선할 수 있는 점을 이해하기 위해 제거 후크를 추가합니다.

0.0.22

  • LinkedIn, Reddit 등과 같은 페이지에서 X, Y 위치를 수정했습니다.
  • Chrome 스토어 인증 요구사항에 따라 릴리스 수명 주기를 향상하기 위해 declarativeNetRequest가 삭제되었습니다. Ollama는 계속 완벽하게 지원되며 자세한 구성 지침은 README에서 확인할 수 있습니다.

0.0.21

  • 확장 프로그램 사용 방법을 보여주는 소개 GIF가 변경되었습니다 | OS.
  • PromptFactory: 선택한 텍스트가 프롬프트 끝에 자동으로 추가된다는 점을 사용자에게 알리는 알림을 구현했습니다.
  • 설정: Switch와 CheckBox 사용
  • 가장 자주 사용되는 모델 및 공급업체를 포함하여 사용 패턴을 모니터링하기 위해 선택적(기본적으로 비활성화됨) 익명 추적을 구현했습니다.

0.0.20

  • SelectionMenu: 이제 Reddit에서도 액세스할 수 있습니다! (일관성을 위해 모든 Tailwind 클래스에 접두사를 붙이는 것을 고려하세요)
  • PromptSelector: 보다 원활한 경험을 위해 모든 React 경고를 해결했습니다.
  • 사전 선택이 올바르게 작동하는지 확인했습니다(E2E 테스트 덕분에)

0.0.19

  • ollama에 대한 추가 지침이 추가되었습니다.
  • localhost: 입력 텍스트로 모델을 지정하는 기능 추가(선택 상자와 비교)
  • useEffect 버그를 수정했습니다.

0.0.18

  • SelectionMenu: 이제 활성화/비활성화를 선택할 수 있습니다.
  • SelectionMenu: 키를 누르면(예: 제거하려면 백스페이스, 복사하려면 CTRL/CMD + C) 메뉴가 자동으로 사라집니다.

0.0.17

  • 개발: 테스트를 위한 통합 극작가 및 자동화된 테스트 제품군 추가

0.0.16

  • SelectionMenu: onMouseUp 이벤트 후 메뉴가 예기치 않게 사라져 사용자의 항목 선택과 관련하여 혼란을 초래하는 버그를 수정했습니다.
  • SelectionMenu: 사용자에게 더 많은 공간을 제공하기 위해 시각적 간격을 조정했습니다.
  • UI: 보다 명확한 사용자 경험을 위해 충돌하는 성공/로딩 상태를 제거했습니다.

0.0.15

  • SelectionMenu: 반응성을 향상시키기 위해 트리거링 메커니즘을 개선했습니다.
  • SelectionMenu: 더욱 컴팩트한 디자인을 위해 크기를 줄였습니다.
  • SelectionMenu: 사용자가 프롬프트를 업데이트한 후 즉시 항목을 자동으로 새로 고칩니다.

0.0.14

  • Luca 덕분에 문법 문제가 해결되었습니다.
  • Denis의 새로운 메뉴가 출시되었습니다.
  • 새 메뉴는 현재 전화 통화를 지원하지 않습니다(기능 제공 예정).

0.0.13

  • Juanjo(We Move Experience) 및 Agostina(PepperStudio) 덕분에 향상된 UI(툴팁이 더 눈에 띕니다)
  • Prompt Factory: 향상된 프롬프트 표시를 위해 AutoTextArea 활용
  • Prompt Factory: 사용자 경험을 개선하기 위해 ID를 제거했습니다(기술자가 아닌 사용자).
  • 시스템: userPrompt에서 systemPrompt를 분할합니다.
  • UX: 작은 개선 및 복잡한 항목 제거

0.0.12 (대중에게 공개되지 않음)

  • 일반: 프리 티어 소진. 커뮤니티 사용자를 지원해 줄 스폰서(아직)가 없습니다.
  • Google: Google 자격 증명을 사용하여 자동 로그인을 활성화하기 위해 ID, Identity.email을 추가했습니다.

0.0.11 (대중에게 공개되지 않음)

  • 일반: 사용자가 확장 프로그램을 탐색할 수 있는 무료 계층을 도입했습니다 | API 키를 이해할 필요가 없는 OS입니다.
  • 개발: 개발 중 재설치 시 일관된 확장 ID를 유지하기 위해 CRX 공개 키를 구현했습니다.
  • 개발: 무료 계층에 액세스할 때 사용자 인증을 위한 통합 OAUTH.
  • 권한: 사용자 ID 검색을 용이하게 하기 위해 ID 권한이 추가되었습니다.
  • 쇼케이스: 향상된 시각적 표현을 위해 이미지를 업데이트했습니다.
  • 프롬프트 팩토리: 확장 설정 | OS를 기본 모델로 하여 API Key 설정에 대한 사전 지식 없이도 확장 기능을 활용할 수 있습니다.

0.0.10

  • 상황에 맞는 메뉴: 구성 설정에 원활하게 액세스할 수 있도록 새로운 오른쪽 클릭 옵션이 추가되었습니다.
  • 상황에 맞는 메뉴: 향상된 사용자 경험을 위해 상황에 맞는 메뉴의 레이아웃과 구성이 개선되었습니다.
  • Prompt Factory: 각 기능의 컨텍스트와 기능을 자세히 설명하는 포괄적인 시트를 도입했습니다.
  • 프롬프트 팩토리: 클릭 시 툴팁에 추가 정보가 포함되어 있음을 나타내기 위해 클릭 가능한 아이콘을 구현했습니다.

0.0.9

  • 버그 수정
  • 코드베이스 정리
  • 기능 향상을 위한 UX

0.0.8

  • Chrome 스토어 게시 가이드라인을 준수하기 위해 불필요한 종속성을 제거했습니다.
  • 새로운 아이콘을 선보였습니다.
  • 로딩 상태를 구현했습니다.
  • Reddit 가시성이 손상되는 문제를 수정했습니다.

0.0.7

  • Together.ai에서 누락된 모델 추가
  • groq에서 누락된 모델 추가
  • 업데이트된 정보 페이지
  • MoA : 맞춤 프롬프트를 사용할 수 있는 기능을 추가합니다.

0.0.6

  • 팝업: UI 개편
  • 팝업: 새로운 프레젠테이션 이미지 및 슬로건
  • 옵션: 통합 글꼴
  • 옵션: 사소한 UI 업데이트
  • 내용: 오류 처리 및 UX 개선(API 키가 누락되면 사용자가 옵션 페이지로 리디렉션됨)
  • together.ai 수정(비채팅 모델을 사용하고 있었습니다)

0.0.5

  • Vapi 제휴 링크(이 확장 프로그램을 유지하도록 도와주세요. 링크로 가입하세요)
  • Vapi 향상: 이제 프롬프트에서 전화할 특정 전화번호 선택을 지원합니다.
  • Vapi 향상: 이제 프롬프트에 대화에 대한 사용자 정의 초기 메시지가 포함될 수 있습니다.
  • Vapi 향상: 이제 모든 프롬프트를 다음을 사용하여 사용자 정의할 수 있습니다.
  • UI: 특정 구성에 대한 섹션

0.0.4

  • 핫픽스: declarativeNetRequest가 모든 localhost 요청을 가로채고 있었습니다.

0.0.3

  • github 분기 보호가 추가되었습니다.
  • 함수를 호출하는 더 명확하고 추상적인 방법을 달성하기 위해 데이터 구조를 변경했습니다.
  • chrome.contextMenus.CreateProperties에 맞게 데이터 구조를 정리하는 기능
  • 사이드바를 열려면 "side_"를 해킹으로 사용하세요. 이유: Storage.get을 호출한 후 sidebar.open이 작동하지 않습니다.
  • 기본 프롬프트 변경 허용
  • chrome.runtime.openOptionsPage()는 프로덕션 환경(onInstalled)에서만 열립니다.
  • UI 개선 (다크테마로 전환)
  • 기능 변경을 허용합니다. "side_" 버그는 코드베이스를 지나치게 복잡하게 만들기 때문에 짜증스럽습니다.

0.0.2

  • 저장소 설치 및 연마 시작 방법

0.0.1

  • 데모 영상을 확인하세요

문제

  • open.sidePanel이 항상 Plasmo Storage보다 먼저 초기화되는지 확인하세요.
  • 현재 유사하게 작동하지만 동일하지는 않은 두 개의 메뉴가 있습니다. 이를 하나로 통합하려면 보다 효율적인 솔루션을 구현해야 합니다.
  • 응답이 반환되지 않으면 Plasmo 핸들러가 오류 없이 예기치 않게 작동을 멈출 수 있습니다. 이 문제를 방지하려면 항상 응답을 반환해야 합니다.
확장하다
추가 정보
관련 애플리케이션
추천
관련 정보 전체