GENEXIS-AI/chromex

A Codex-powered Chrome side-panel assistant for page context, tabs, voice, and image workflows.

1,141
GitHub 스타
118
포크
TypeScript
언어
MIT
라이선스
2026.06.15
최근 푸시
2026.04.29
별표한 날

AI 분석

설치 난이도: 보통
큐레이터 노트
Codex를 활용한 Chrome 확장 프로그램 개발에 관심이 있거나, 브라우저 기반 AI 어시스턴트를 구축하려는 프로젝트에 참고할 가치가 있습니다. 특히 보안과 개인정보 보호를 중요시하는 설계를 참고할 수 있습니다.

강점

  • Codex와 Chrome을 연결하는 혁신적인 사이드 패널 어시스턴트로, 페이지 콘텐츠, 탭, 파일, 음성, 이미지 등 다양한 컨텍스트를 활용할 수 있습니다.
  • 보안 및 개인정보 보호에 중점을 두어 API 키나 토큰을 확장 프로그램 저장소에 저장하지 않으며, 사용자 확인 없이 자동으로 사용되지 않습니다.
  • 다국어 지원(영어, 한국어, 일본어, 중국어 등)과 다양한 기능(계획 모드, 실시간 번역, 이미지 편집, Codex 스킬 등)을 제공합니다.

약점

  • Codex CLI에 의존적이며, Codex CLI가 설치되어 있어야 하고 특정 버전(0.130.0 이상)이 필요합니다.
  • 로컬 네이티브 브리지 설치가 필요하여 초기 설정이 다소 복잡할 수 있습니다.
  • Windows에서 추가적인 설정(예: Codex 바이너리 경로 수동 지정)이 필요할 수 있습니다.

주의사항

  • 확장 프로그램은 로컬 브리지를 자동으로 설치할 수 없으므로, 사용자가 수동으로 설치 단계를 따라야 합니다.
  • Windows에서 npm 설치 시 인증서 오류가 발생할 수 있으며, 이는 Chromex 문제가 아닌 Windows 스토어/TLS 문제입니다.
  • 수정된 빌드를 배포하기 전에 SECURITY.md와 PRIVACY.md를 반드시 읽어야 합니다.

시작 가이드

  • README의 설치 단계를 따라 로컬 환경에서 Chromex를 설치하고 테스트해 보세요.
  • 소스 코드를 분석하여 Chrome 확장 프로그램과 Codex 간의 통신 구조를 이해하세요.
  • 보안 및 개인정보 보호 관련 문서(SECURITY.md, PRIVACY.md)를 읽고 프로젝트에 적용할 점을 검토하세요.

README 한국어 번역

이 번역은 AI가 원문 README를 옮긴 것입니다. 원문이 항상 우선합니다.

Chromex

Chromex는 Chrome MV3 사이드 패널 어시스턴트로, 로컬 네이티브 브리지를 통해 Chrome을 Codex에 연결합니다. 현재 페이지, 선택한 탭, 업로드된 파일, 음성 입력, 이미지, 브라우저 워크플로우를 사용하면서 자격 증명을 확장 프로그램 저장소에 저장하지 않도록 도와줍니다.

GenexisAI CHOI가 게시했습니다.

!Chromex 브라우저 사이드 패널 어시스턴트

기능

  • 요청 시 현재 웹페이지, 선택한 열린 탭, 스크린샷, 업로드된 파일, PDF, Office 파일, 이미지, 브라우저 기록과 채팅합니다.
  • 페이지 콘텐츠, YouTube 동영상, 뉴스 기사, 연구 페이지, PDF, arXiv 논문을 요약하고 비교합니다.
  • Codex 이미지 워크플로우를 통해 로컬 출력 처리를 포함한 이미지 편집 또는 생성합니다.
  • 음성 전사, 계획 모드, 페이지 인식 제안, 사용자 정의 프로필, 선택적 Codex 스킬을 사용합니다.
  • 통합 번역/라이브 모드를 실행하여 라이브 전사, 선택적 실시간 번역, 캡처된 전사에 대한 후속 채팅을 제공합니다.
  • Chrome 콘텐츠 스크립트를 통해 브라우저 제어 워크플로우를 실행하며, 페이지 내 활동 표시기를 표시합니다.

Chrome 웹 스토어 설치

Chrome 웹 스토어 사용자는 Chromex를 소스에서 빌드할 필요가 없습니다.

영어, 한국어, 일본어, 중국어 간체로 복사 버튼이 포함된 단계별 가이드는 공개 설정 페이지를 사용하세요: <https://genexis-ai.github.io/chromex/install/>

  1. 공식 Codex CLI를 설치하고 작동하는지 확인하세요. 공식 Codex CLI 설치 옵션은 <https://github.com/openai/codex>를 참조하세요.
npm install -g @openai/codex
codex --version

Chromex는 @openai/codex 0.130.0 이상이 필요합니다. 이전 릴리스(예: 0.124.x 및 0.125.x)는 일부 부트스트랩 기능 플래그를 거부하며, codex login 성공 직후 codex app-server exited with code 1로 표시됩니다.

  1. 최신 GitHub 릴리스에서 chromex-local-bridge.zip을 다운로드하고 압축을 푼 후 다음을 실행하세요:
node scripts/install-native-host.mjs --browser=chrome
  1. 모든 Chrome 창을 완전히 종료하고 Chrome을 다시 연 다음 Chromex에서 연결 확인을 누르세요.

스토어 확장 프로그램은 이 일회성 로컬 브리지 등록 후에만 실행할 수 있습니다. 브리지는 Chrome이 Chrome 네이티브 메시징을 통해 안전하게 로컬 Codex 앱 서버를 시작할 수 있게 합니다. 확장 프로그램 자체는 해당 로컬 호스트를 자동으로 설치할 수 없습니다.

소스에서 설치

소스 체크아웃 또는 chromex-public-source.zip을 사용하세요:

git clone https://github.com/GENEXIS-AI/chromex.git
cd chromex
npm install
npm run build
node scripts/install-native-host.mjs

그런 다음 모든 Chrome 창을 닫고 Chrome을 다시 연 다음 chrome://extensions를 열고 개발자 모드를 활성화한 후 압축 해제된 확장 프로그램 로드를 선택하고 다음을 선택하세요:

packages/extension/dist

중요: package.json이 포함된 chromex 소스 폴더에서 npm install, npm run build, install-native-host.mjs를 실행하세요. Windows에서 ENOENT Could not read package.json이 보고되면 잘못된 폴더에 있는 것입니다.

Windows 로컬 브리지 설정

Windows에서는 Node.js 20 LTS 이상을 설치한 후 먼저 Codex CLI를 설치하고 확인하세요:

npm install -g @openai/codex
codex --version

winget install Codex -s msstore가 실패하더라도 위의 npm 설치 경로를 사용하세요. 0x8a15005e: The server certificate did not match any of the expected values는 Chromex 설치 단계가 아닌 Windows 스토어/TLS 인증서 체인 문제입니다.

그런 다음 chromex 소스 폴더에서 PowerShell을 사용하세요:

npm install
npm run build
node scripts/install-native-host.mjs --browser=chrome

그런 다음 chrome://extensions를 열고 Chromex에서 새로고침을 클릭한 후 Chromex 사이드 패널에서 연결 확인을 누르세요.

사이드 패널에 여전히 로컬 브리지가 대기 중이라고 표시되면:

  1. Chromex가 packages/extension/dist에서 로드되었는지 확인하세요.
  2. chrome://extensions에서 Chromex 카드에 표시된 확장 프로그램 ID를 복사하세요.
  3. 해당 ID로 설치 프로그램을 다시 실행하세요:
node scripts/install-native-host.mjs <extension-id> --browser=chrome

예상 공개 릴리스 ID는 menmlhahmendmkiicbjihgjhppkgaeom입니다. Chrome에 다른 ID가 표시되면 Chrome에 표시된 ID를 사용하세요.

Failed to start codex app-server로 로그인이 실패하면 Chromex가 로컬 브리지에 도달할 수 있지만 Codex CLI를 시작할 수 없습니다. codex --version을 다시 실행하세요. Windows에서 찾을 수 없으면 선택적 Codex 바이너리 경로를 %APPDATA%\npm\codex.cmd로 설정하거나 폴더를 %APPDATA%\npm으로 설정하세요. Codex 바이너리 필드에 작업 공간 폴더를 넣지 마세요. 작업 공간 폴더와 Codex 실행 파일 경로는 별도의 설정입니다.

Windows에서 실행 파일 감지를 강제하려면:

npm install -g @openai/codex
where codex
codex --version

where codexC:\Users\<you>\AppData\Roaming\npm\codex.cmd를 출력하면 Chromex 설정을 열고 선택적 Codex 바이너리 경로를 %APPDATA%\npm\codex.cmd로 설정하고 저장한 후 모든 Chrome 창을 닫고 Chrome을 다시 연 다음 연결 확인을 누르세요.

런타임 경계

Chromex는 다음 경계를 사용합니다:

Chrome 확장 프로그램 -> 네이티브 메시징 호스트 -> 로컬 브리지 -> codex app-server

소스 트리는 다음과 같이 구성됩니다:

  • packages/extension: Chrome MV3 사이드 패널 확장 프로그램
  • packages/bridge: Codex 앱 서버 및 멀티모달 워크플로우를 위한 로컬 브리지 데몬
  • packages/native-host: Chrome 네이티브 메시징 릴레이
  • packages/shared: 공유 타입, 정책, 프로필 및 헬퍼

언어 지원

Chromex는 기본적으로 브라우저 언어를 자동으로 따릅니다. 사용자는 설정 > 일반 > 앱 UI 언어에서 언어를 선택할 수도 있습니다.

확장 프로그램은 영어, 한국어, 일본어, 중국어, 아랍어, 프랑스어, 독일어, 스페인어, 포르투갈어, 힌디어, 베트남어, 태국어, 터키어, 우크라이나어 및 기타 Chrome 호환 로케일에 대한 Chrome _locales 항목을 제공합니다. 모델 응답은 사용자가 다른 언어를 요청하지 않는 한 선택한 UI 언어를 따르도록 지시됩니다.

보안 및 개인정보 기본값

  • 확장 프로그램은 원시 OpenAI API 키, OAuth 토큰 또는 ChatGPT 세션 토큰을 Chrome 확장 프로그램 저장소에 저장하지 않습니다.
  • Codex OAuth / ChatGPT 로그인은 로컬 Codex 앱 서버 흐름을 통해 처리됩니다.
  • API 키 로그인은 선택적 로컬 대체 방법이며 사용자 확인 없이 자동으로 사용되지 않습니다.
  • 실시간 번역은 별도로 확인된 OpenAI API 키 경로를 사용하며 설정에서 연결을 해제할 수 있습니다.
  • 페이지 콘텐츠, 탭 데이터, 스크린샷, 브라우저 기록, 마이크 입력 및 브라우저 작업은 사용자가 요청한 워크플로우에만 사용됩니다.
  • history, tabs, 화면 캡처, 마이크 및 사이트 액세스는 기능이 필요할 때만 요청됩니다.
  • 대화 기록은 기본적으로 세션 전용입니다. 영구 로컬 채팅 기록은 선택 사항입니다.
  • 네이티브 호스트 자식 프로세스 및 작업 공간 후크는 축소된 환경 허용 목록으로 실행됩니다.
  • 생성된 이미지 원본, 임시 업로드 및 진단은 로컬 브리지에서 처리됩니다.

수정된 빌드를 게시하거나 배포하기 전에 SECURITY.md 및 PRIVACY.md를 읽으세요.

기능

  • 지속적인 MV3 사이드 패널과 채팅 우선 UX.
  • 페이지, 파일, 이미지, 기록, 음성 및 브라우저 제어 요청에 대한 자동 라우팅.
  • 하나 이상의 열린 탭을 선택하기 위한 @ 선택기.
  • 프로필 선택을 위한 / 선택기.
  • 모호한 요청을 실행 전에 명시적인 계획으로 전환하는 계획 모드.
  • 이미지, 텍스트, PDF, DOCX, CSV, TSV, XLSX 및 XLSM에 대한 첨부 파일.
  • DOM, 비전, 하이브리드 및 사이트 어댑터 워크플로우에 대한 읽기 전략 정책.
  • 사실 확인 제안 및 오른쪽 클릭 질문 흐름이 포함된 선택 텍스트 컨텍스트 삽입.
  • 표시된 명령과 전송된 프롬프트가 다를 수 있는 편집 가능한 사이트 제안.
  • 라이브 전사 기록, 선택적 실시간 번역 재생 및 전사 기반 후속 채팅이 포함된 번역/라이브 모드.
  • YouTube, 뉴스, 연구, 메일, 협업, 메모, 작업 도구, 쇼핑, 여행 및 한국 업무 서비스에 대한 사이트 인식 제안.
  • 현재 타임스탬프 컨텍스트 및 탐색 작업이 포함된 YouTube 어댑터.
  • 업로드된 이미지, 페이지 이미지 또는 보이는 화면 캡처에 대한 비파괴 이미지 편집.
  • 코드 블록, 표, 링크 및 복사 컨트롤이 포함된 마크다운 렌더링.
  • 활성화된 경우에만 사용자의 로컬 .codex/skills/*/SKILL.md에서 로드되는 선택적 Codex 스킬.

개발

npm install
npm run typecheck
npm run test
npm run build
npm run release:audit

선택적 브라우저 스모크 테스트:

npm run smoke

호환되는 브라우저가 없으면 Playwright Chromium 런타임을 설치하세요:

npm run smoke:install-browser

빌드된 확장 프로그램은 다음 위치에 출력됩니다:

packages/extension/dist

릴리스 관리

Chromex는 0.1.1부터 일반 오픈 소스 릴리스 기록을 사용합니다. 버전 관리, 풀 리퀘스트 흐름 및 릴리스 체크리스트는 RELEASE.md에 문서화되어 있습니다.

문제 해결

  • 네이티브 호스트가 없거나 금지됨: npm run build를 실행한 다음 node scripts/install-native-host.mjs --browser=chrome을 실행하고 chrome://extensions에서 확장 프로그램을 새로고침한 후 Chromex 온보딩/시스템 상태를 확인하세요. Chrome에 다른 확장 프로그램 ID가 표시되면 node scripts/install-native-host.mjs <extension-id> --browser=chrome을 실행하세요.
  • Codex 실행 파일이 감지되지 않음: npm install -g @openai/codex, where codex, codex --version을 실행하세요. 필요한 경우 Chromex에서 선택적 Codex 바이너리 경로를 %APPDATA%\npm\codex.cmd로 설정하고 저장한 후 Chrome을 완전히 다시 시작하고 연결 확인을 누르세요.
  • 모델 목록이 로드되지 않음: 네이티브 브리지가 연결되었는지 확인한 다음 앱 서버 기반 로그인 흐름을 통해 로그인하세요.
  • 페이지 컨텍스트를 사용할 수 없음: 대상 탭에서 Chromex를 열거나 워크플로우가 액세스를 요청할 때 Chrome 사이트 권한 프롬프트를 승인하세요.
  • Chrome에 여전히 이전 UI가 표시됨: npm run build를 실행하고 확장 프로그램 카드를 새로고침한 후 Chrome이 packages/extension/dist를 로드하고 있는지 확인하세요.
  • 브라우저가 없어 브라우저 스모크 테스트 실패: npm run smoke:install-browser를 실행한 다음 npm run smoke를 실행하세요.

라이선스

MIT. LICENSE를 참조하세요.

원본 저장소: GENEXIS-AI/chromex

라이선스: MIT

게재 제외를 원하시면 삭제 요청을 보내주세요.