Skip to content

Latest commit

 

History

History
288 lines (203 loc) · 40.4 KB

File metadata and controls

288 lines (203 loc) · 40.4 KB

차원을 초월하는 AI 메모리 동기화 ✨

브라우저에서 생각하고, 에디터에서 실행하세요.

당신의 Agent, 이제 탭을 넘나드는 장기 기억을 갖게 됩니다.

Gemini ChatGPT Claude deepseek Doubao

github copilot cursor antigravity trae claude code codex

Version Open VSX Installs VS Code License GitHub stars

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 지원


📥 설치 방법

스토어에서 설치

1단계: 브라우저 확장 프로그램 설치

Chrome Web Store

2단계: VS Code 확장 프로그램 설치

수동 설치

브라우저 확장 프로그램 설치

  1. 이 저장소를 다운로드하거나 클론하세요
  2. 프로젝트 루트 디렉토리에서 pnpm install && pnpm --filter chrome-extension build를 실행하세요
  3. chrome://extensions/를 열고 개발자 모드를 활성화하세요
  4. 압축 해제된 확장 프로그램 로드를 클릭하고 packages/chrome-extension/dist를 선택하세요

🏗️ 아키텍처

┌─────────────────────┐         ┌─────────────────────┐
│    브라우저 확장       │  HTTP   │     VS Code 확장     │
│   (Chrome / Edge)   │ ──────► │    (Agent 수신부)     │
│                     │ :3030   │                      │
│  웹 AI 대화 캡처      │         │   워크스페이스에 저장   │
│                     │         │ .cobridge/AI_CONTEXT │
└─────────────────────┘         └──────────────────────┘
  • 브라우저 확장 프로그램: AI 채팅 페이지에 주입되어 대화 내용(텍스트, 테이블, 이미지)을 추출하고 로컬 서버로 전송합니다
  • VS Code 확장 프로그램: 로컬 HTTP 서버를 실행하여 데이터를 수신하고 Markdown 형식의 컨텍스트 파일로 IDE Agent가 읽을 수 있도록 작성합니다

🚀 빠른 시작

1단계: Agent 선택

설치 아이콘

상태 표시줄 아이콘을 클릭하여 관리 메뉴를 엽니다:

관리 메뉴

사용 중인 Agent를 선택하세요:

Agent 선택

선택 후 상태 표시줄에 해당 Agent 아이콘이 표시됩니다:

Agent 선택됨

2단계: 서비스 시작

메뉴에서 서비스 시작을 클릭하세요. 로컬 서버가 3030 포트에서 수동으로 중지할 때까지 실행됩니다.

실행 중 상태

3단계: 대화 동기화

同步对话

  1. 브라우저에서 지원되는 AI 채팅 페이지를 엽니다
  2. CoBridge 브라우저 확장 프로그램 아이콘을 클릭합니다
  3. Sync Context to Agent를 클릭합니다
  4. 대화 내용이 워크스페이스의 .cobridge/AI_CONTEXT.md에 자동으로 기록됩니다

이제부터 당신의 Agent가 멍하니 쳐다보며 "아까 뭐라고 하셨죠?"라고 묻는 일은 없을 것입니다.


⚙️ 설정

포트 변경

3030 포트가 사용 중인 경우:

  1. VS Code 설정을 엽니다 (Ctrl + , / Cmd + ,)
  2. AIContextSync.port를 검색합니다
  3. 포트 번호를 변경합니다 (예: 3031)
  4. 상태 표시줄 메뉴에서 서비스를 다시 시작합니다

포트 설정

참고: VS Code 워크스페이스 설정이 사용자 설정을 덮어씁니다. 포트를 변경하려면 워크스페이스 설정에서 수정하세요.

브라우저 확장 프로그램의 팝업에서도 포트를 설정할 수 있습니다. 양쪽을 일관되게 유지하세요.


🌐 지원되는 AI 플랫폼

Gemini ChatGPT Claude deepseek 豆包

상태 설명
테이블 지원 테이블이 자동으로 Markdown으로 변환
이미지 지원 이미지가 자동으로 로컬에 저장
파일 첨부 현재 지원되지 않음
기타 플랫폼 스크래핑 방지가 엄격한 플랫폼은 지원되지 않음 (PR 환영!)

🤖 지원되는 Agent

VS Code GitHub Copilot Cursor Trae Antigravity Claude Code Codex


🎯 설계 원칙

  • 오염 제로: 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 install

브라우저 확장 프로그램 빌드

pnpm --filter chrome-extension build

VS Code 확장 프로그램 빌드

pnpm --filter vscode-extension compile

🌟 한 줄 요약

대형 모델이 더 이상 기억을 잃지 않습니다: 웹에서 충분히 생각하고 Agent가 직접 구현하게 하세요.

이 프로젝트가 도움이 되었다면 GitHub에서 별을 눌러주세요 ⭐.

💡 문제 피드백

새로운 요구 사항이 있으시면 GitHub에서 Issue를 열어주세요.

🤝 기여

좋은 제안이 있거나 버그를 발견하시면 Pull Request를 환영합니다!

🥤 프로젝트 후원

이 프로젝트가 AI 협업의 고통을 해결해 주었다면, 커피 한 잔 사주세요! ☕

여러분의 지원은 프로젝트의 향후 반복에 직접 사용됩니다 ❤️.

WeChat / Alipay / Afdian으로 후원:

WeChat Pay
WeChat Pay
Alipay
Alipay
Afdian
Afdian

📄 라이선스

이 프로젝트는 MIT 라이선스에 따라 사용이 허가됩니다.

Star 추세

Star History Chart