브라우저에서 생각하고, 에디터에서 실행하세요.
당신의 Agent, 이제 탭을 넘나드는 장기 기억을 갖게 됩니다.
English | 简体中文 | 繁體中文 | 日本語 | Français | Español | Português | 한국어 | Русский | العربية
Note
CoBridge는 Gemini 전용으로 설계된 브라우저 확장 프로그램 Voyager도 지원합니다. Gemini만 사용한다면 Voyager가 가벼운 대안이 됩니다. 더 넓은 플랫폼 지원(ChatGPT, Claude, DeepSeek, Doubao)이 필요하면 CoBridge에 내장된 브라우저 확장 프로그램을 사용하세요.
웹 페이지에서 AI 대화 컨텍스트(텍스트, 테이블, 이미지)를 추출
워크스페이스 Agent의 시스템 프롬프트를 자동으로 입력하여 프로젝트를 빠르게 시작
ChatGPT, Claude, DeepSeek, Doubao 등 다양한 AI 플랫폼 지원
GitHub Copilot, Cursor, Claude Code 등 IDE Agent 지원
- 이 저장소를 다운로드하거나 클론하세요
- 프로젝트 루트 디렉토리에서
pnpm install && pnpm --filter chrome-extension build를 실행하세요 chrome://extensions/를 열고 개발자 모드를 활성화하세요- 압축 해제된 확장 프로그램 로드를 클릭하고
packages/chrome-extension/dist를 선택하세요
┌─────────────────────┐ ┌─────────────────────┐
│ 브라우저 확장 │ HTTP │ VS Code 확장 │
│ (Chrome / Edge) │ ──────► │ (Agent 수신부) │
│ │ :3030 │ │
│ 웹 AI 대화 캡처 │ │ 워크스페이스에 저장 │
│ │ │ .cobridge/AI_CONTEXT │
└─────────────────────┘ └──────────────────────┘
- 브라우저 확장 프로그램: AI 채팅 페이지에 주입되어 대화 내용(텍스트, 테이블, 이미지)을 추출하고 로컬 서버로 전송합니다
- VS Code 확장 프로그램: 로컬 HTTP 서버를 실행하여 데이터를 수신하고 Markdown 형식의 컨텍스트 파일로 IDE Agent가 읽을 수 있도록 작성합니다
상태 표시줄 아이콘을 클릭하여 관리 메뉴를 엽니다:
사용 중인 Agent를 선택하세요:
선택 후 상태 표시줄에 해당 Agent 아이콘이 표시됩니다:
메뉴에서 서비스 시작을 클릭하세요. 로컬 서버가 3030 포트에서 수동으로 중지할 때까지 실행됩니다.
- 브라우저에서 지원되는 AI 채팅 페이지를 엽니다
- CoBridge 브라우저 확장 프로그램 아이콘을 클릭합니다
- Sync Context to Agent를 클릭합니다
- 대화 내용이 워크스페이스의
.cobridge/AI_CONTEXT.md에 자동으로 기록됩니다
이제부터 당신의 Agent가 멍하니 쳐다보며 "아까 뭐라고 하셨죠?"라고 묻는 일은 없을 것입니다.
3030 포트가 사용 중인 경우:
- VS Code 설정을 엽니다 (
Ctrl + ,/Cmd + ,) AIContextSync.port를 검색합니다- 포트 번호를 변경합니다 (예:
3031) - 상태 표시줄 메뉴에서 서비스를 다시 시작합니다
참고: VS Code 워크스페이스 설정이 사용자 설정을 덮어씁니다. 포트를 변경하려면 워크스페이스 설정에서 수정하세요.
브라우저 확장 프로그램의 팝업에서도 포트를 설정할 수 있습니다. 양쪽을 일관되게 유지하세요.
| 상태 | 설명 | |
|---|---|---|
| 테이블 지원 | ✅ | 테이블이 자동으로 Markdown으로 변환 |
| 이미지 지원 | ✅ | 이미지가 자동으로 로컬에 저장 |
| 파일 첨부 | ❌ | 현재 지원되지 않음 |
| 기타 플랫폼 | ❌ | 스크래핑 방지가 엄격한 플랫폼은 지원되지 않음 (PR 환영!) |
- 오염 제로: CoBridge는 동기화된 파일을 자동으로
.gitignore에 추가하여 Git 저장소가 오염되지 않도록 보장합니다. - 친숙한 형식: 완전한 Markdown 출력 — 테이블, 이미지, 텍스트가 모두 보존되어 IDE Agent가 자연스럽게 읽을 수 있습니다.
- 자동 설정: 각 Agent에 맞는 규칙 파일을 자동으로 생성하여 컨텍스트를 원활하게 읽을 수 있게 합니다.
- 로컬 우선: 모든 데이터가 사용자의 머신에 머무르며, 외부 서버도, 원격 분석도 없습니다.
이 프로젝트는 두 개의 서브 패키지를 포함하는 pnpm workspace Monorepo입니다:
CoBridge/
├── packages/
│ ├── chrome-extension/ # 브라우저 확장 프로그램 (Chrome / Edge)
│ └── vscode-extension/ # VS Code 확장 프로그램 (Agent 수신부)
├── pnpm-workspace.yaml
└── package.json
git clone https://github.com/Winddfall/CoBridge.git
cd CoBridge
pnpm installpnpm --filter chrome-extension buildpnpm --filter vscode-extension compile대형 모델이 더 이상 기억을 잃지 않습니다: 웹에서 충분히 생각하고 Agent가 직접 구현하게 하세요.
이 프로젝트가 도움이 되었다면 GitHub에서 별을 눌러주세요 ⭐.
새로운 요구 사항이 있으시면 GitHub에서 Issue를 열어주세요.
좋은 제안이 있거나 버그를 발견하시면 Pull Request를 환영합니다!
이 프로젝트가 AI 협업의 고통을 해결해 주었다면, 커피 한 잔 사주세요! ☕여러분의 지원은 프로젝트의 향후 반복에 직접 사용됩니다 ❤️.
WeChat / Alipay / Afdian으로 후원:
![]() WeChat Pay |
![]() Alipay |
Afdian Afdian |
이 프로젝트는 MIT 라이선스에 따라 사용이 허가됩니다.








