obra/superpowers-chrome

Claude Code plugin for direct Chrome browser control via DevTools Protocol - zero dependencies

해결하는 문제

Superpowers Chrome은 AI 에이전트(특히 Claude Code 및 기타 MCP 클라이언트)가 웹 브라우저를 직접 제어할 수 있는 방법을 제공합니다. Chrome DevTools 프로토콜(CDP)에 대한 제로 의존성 브리지를 제공하여 복잡한 설정을 없애고, 에이전트가 무거운 자동화 프레임워크 없이 페이지 탐색, 요소 상호 작용, 데이터 추출을 수행할 수 있게 합니다.

작동 방식

이 프로젝트는 두 가지 주요 모드로 작동합니다:

  1. 스킬 모드: Claude Code 에이전트가 browsing 스킬로 사용하도록 설계된 CLI 도구.
  2. MCP 모드: 호환 가능한 MCP 클라이언트에 use_browser 도구를 제공하는 초경량 Model Context Protocol(MCP) 서버.

충돌을 피하기 위해 동적으로 할당된 포트 시스템을 사용하며 여러 브라우저 프로필을 병렬로 지원합니다. 민감한 데이터 유출을 방지하기 위해 HTML, Markdown, 스크린샷이 디스크에 기록되거나 에이전트에 반환되기 전에 비밀(API 토큰 및 비밀번호 등)을 편집하는 강력한 "자격 증명 형태 콘텐츠" 감지 시스템을 포함합니다.

대상 사용자

  • AI 에이전트 개발자: 웹 기반 작업, 연구 또는 자동화를 수행하는 에이전트를 구축하는 사람.
  • Claude Code 사용자: 직접 브라우저 액세스로 Claude의 기능을 확장하려는 사용자.
  • MCP 클라이언트 사용자: MCP 호환 인터페이스를 사용하여 LLM에 브라우저 제어를 제공하려는 모든 사람.

주요 기능

  • 제로 의존성: 내장 WebSockets를 사용하여 구축되었으며 CLI 도구에 npm install이 필요 없습니다.
  • 고급 대화 상자 처리: JavaScript 알림, 확인, 권한 프롬프트를 합성 응답으로 표시하여 에이전트가 특정 선택자 문법(예: dialog::accept)을 사용하여 상호 작용할 수 있게 합니다.
  • 자동 페이지 캡처: DOM 변경 작업 후 HTML, Markdown, 스크린샷, DOM 요약을 자동 생성합니다.
  • 개인정보 보호 가드레일: 자격 증명 형태 콘텐츠의 포괄적인 편집 및 민감한 정보를 보호하기 위한 data-sen-secret 마커 시스템.
  • 크로스 플랫폼: macOS, Linux, Windows에서 작동하며 플랫폼에 구애받지 않는 시작 명령을 제공합니다.

관련

  • 프로젝트
    a-bonus/google-docs-mcp

    Node.js MCP 서버로, AI 에이전트(Claude Desktop, Cursor 등)가 자연어 스타일의 도구 호출을 통해 Google Docs, Sheets, Drive 파일, Gmail 메시지, 캘린더 이벤트 및 Apps Script 프로젝트를 읽고, 편집하고, 관리할 수 있게 합니다. OAuth 설정 후 `npx`를 통해 로컬에서 작동하거나 팀 전체 사용을 위해 Cloud Run에 배포할 수 있습니다.

  • 프로젝트
    ChromeDevTools/chrome-devtools-mcp

    Model‑Context‑Protocol을 통해 AI 코딩 어시스턴트가 실시간 Chrome 브라우저를 제어할 수 있는 Node.js 서버로, DevTools 기능(성능 추적, 네트워크/디버그 콘솔, 스크린샷, Puppeteer 자동화)을 JSON 기반 도구로 노출합니다.

  • 프로젝트
    zhizhuodemao/js-reverse-mcp

    js‑reverse‑mcp 는 LLM 에이전트가 Chrome에서 JavaScript를 디버깅하고 역공학할 수 있도록 해주는 Node.js MCP 서버입니다. DevTools 데이터(스크립트, 브레이크포인트, 네트워크, WebSocket, 스토리지)를 24개의 간결한 도구로 정리하여 AI 기반 추론에 최적화했으며, 악성 봇 방지 사이트용 옵션 스텔스 계층(Patchright 포크 및 CloakBrowser)을 포함합니다.

  • 프로젝트
    SuperClaude-Org/SuperClaude_Framework

    SuperClaude Framework는 Claude Code를 30개의 슬래시 명령어, 20개의 AI 에이전트, 7개의 행동 모드, 그리고 선택적 MCP 서버로 확장하는 오픈소스 메타프로그래밍 플랫폼입니다. 더 빠르고 토큰 효율적인 실행을 가능하게 하며, `/brainstorm`, `/implement`, `/research`와 같은 간단한 명령어로 브레인스토밍, 설계, 코딩, 테스트, 문서화, 프로젝트 관리에 이르는 소프트웨어 개발 전 과정을 자동화합니다. pipx(또는 소스에서)로 설치 가능하며, MIT 라이선스입니다.

  • 프로젝트
    ajsahni/agents-office

    Agents Office는 Claude를 35개의 역할 기반 AI 에이전트 팀으로 활용할 수 있는 베타, 로컬 실행형 시각적 플랫폼입니다. 작업을 입력하면 시스템이 적절한 에이전트(또는 팀)로 라우팅하고, Claude Code 커넥터(Gmail, Slack, Chrome 등)를 사용해 작업을 수행하며, 결과는 개인용 'Brain' 폴더에 노트로 저장됩니다. 사용자 정의 가능한 개요/스킬, 반복 루틴, 캘린더 보기, 팀 분할, 모델/노력 수준 선택, 비영리 라이선스 등의 기능을 갖추고 있습니다.