abundantbeing/hermes-browser-extension

Hermes Agent를 브라우저에서 사용하는 Chrome/Edge 사이드패널 확장

설치형 도구맘대로 써도 됨 · MITAI 에이전트JavaScript난이도
321+85이번 주0 찜
26포크0이슈

중간맛 분석

기술 스택: JavaScript/Node.js 기반 MV3 확장, Hermes Gateway 와 WebSocket 통신. 설치 난이도: 중간( 빌드 후 unpacked 로드). 로컬 또는 원격 Hermes 게이트웨이에 연결하여 실시간으로 모델·스킬·세션을 동기화합니다. 음성 받아쓰기, 탭 고정, 테마 설정 등을 지원하며 데모 영상과 시각 가이드가 에 있습니다.

이런 레포예요

이럴 때 쓰면 좋아요

  • 웹페이지를 읽고 있을 때 AI 에이전트에게 내용 요약, 설명, 재작성 요청하기
  • /action-items, /summarize 등 빠른 명령으로 현재 탭의 내용 분석하기
  • 로컬 Hermes 런타임과 연결하여 프라이빗하게 웹 컨텍스트 처리하기

핵심 기능

로컬 또는 원격 Hermes API 게이트웨이 지원탭 컨텍스트 자동 캡처(제목, URL, 텍스트, 링크, 양식, 메타데이터)Nous, Midnight, Ember, Mono, Cyberpunk, Slate 테마 및 라이트/다크 모드

대안 대비 차별점

로컬-퍼스트 아키텍처로 기본값 127.0.0.1:8642 바인딩하며, 사용자 제어 Hermes 런타임의 모델·스킬·MCP 서버를 활용하고, 디버거·쿠키·브라우저 제어 권한을 의도적으로 제외한 보수적 보안 모델을 제공합니다.

준비물

  • Hermes Agent 설치 및 실행
  • Node.js 20+
  • Chrome/Edge/Brave 등 Side Panel API 지원 브라우저(Chrome 114+)

바로 시작하기

  1. 레포지토리 클론, 의존성 설치, 빌드
git clone https://github.com/abundantbeing/hermes-browser-extension.git
cd hermes-browser-extension
npm install
npm run build
  1. Chrome/Edge 확장 페이지에서 개발자 모드 활성화
chrome://extensions 또는 edge://extensions 열고 개발자 모드 활성화
  1. 빌드된 dist 폴더 로드
"확장 프로그램 로드 (압축해제됨)" 클릭 후 repo의 dist/ 폴더 선택
  1. Hermes 게이트웨이 API 서버 구성
~/.hermes/.env 에 다음 추가:
API_SERVER_ENABLED=true
API_SERVER_HOST=127.0.0.1
API_SERVER_PORT=8642
API_SERVER_KEY=<your-api-server-key>
API_SERVER_CORS_ORIGINS=chrome-extension://<your-extension-id>
  1. Hermes 게이트웨이 시작
hermes gateway run
  1. 확장의 사이드패널에서 로컬 게이트웨이 연결
사이드패널 "Connect to Hermes" → "Manual setup" → "Local gateway"
URL: http://127.0.0.1:8642, API 키 입력 후 "Test connection" → "Save settings"

별 추이 · 7일

321+85 / 7일

활용성 · 따라 만들기 좋은가

따라 하기 좋음샘플 점수 52/100
  • 관대한 라이선스
  • 테스트 있음
  • 예제 디렉토리
  • 최근 활동
  • AGENTS.md
  • llms.txt
  • 템플릿

🟢 최근 활동 있음 · 2026년 생성

이 레포에 깃밥 배지 달기

[![깃밥](https://www.gitbap.com/badge/abundantbeing/hermes-browser-extension.svg)](https://www.gitbap.com/r/abundantbeing/hermes-browser-extension)

🔌 클로드에서 바로 써보기

깃밥을 클로드에 연결하면 이런 레포를 클로드·커서·Codex에서 바로 찾고 체험할 수 있어요.

방법 ① 커넥터 URL

클로드 설정 → 커넥터에 이 주소를 붙여넣기.

https://www.gitbap.com/api/mcp
방법 ② 플러그인 (체험까지)

플러그인을 설치하면 /gitbap-trending·/gitbap-try 슬래시 커맨드로 레포를 그 자리에서 체험. Claude Code에서 아래 두 줄을 차례로 실행하세요.

/plugin marketplace add jakeparkcolde/gitbap-cowork
/plugin install gitbap-cowork@gitbap
연결 방법 자세히 →

AI가 README 기반으로 요약했습니다 · 원문 보기