chrome-cdp은(는) 무엇을 하나요?
로컬 Chrome 브라우저 세션과 상호작용 (페이지 검사, 디버깅 또는 상호작용 요청 후 명시적 사용자 승인 시에만 작동)
개요
이 스킬은 AI 에이전트가 Chrome DevTools Protocol(CDP)을 통해 로컬 Chrome 브라우저에 연결하여 실시간으로 페이지를 검사하고 디버깅할 수 있게 해줍니다.
설정 방법
필수 조건
- Chrome 브라우저가 설치되어 있어야 합니다.
- Chrome을
--remote-debugging-port=9222플래그로 실행해야 합니다.
Chrome 실행 예시
# macOS
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222
# Linux
google-chrome --remote-debugging-port=9222
# Windows (PowerShell)
& "C:\Program Files\Google\Chrome\Application\chrome.exe" --remote-debugging-port=9222
사용 방법
에이전트에게 다음과 같이 요청하세요:
- "이 페이지를 검사해줘"
- "이 페이지를 디버깅해줘"
- "이 페이지와 상호작용해줘"
에이전트가 스킬을 사용하기 전에 사용자 승인을 요청합니다.
지원 기능
- 페이지 HTML/DOM 구조 검사
- CSS 스타일 분석
- JavaScript 콘솔 로그 캡처
- 네트워크 요청 및 응답 모니터링
- 요소 선택 및 하이라이팅
- 브라우저 콘솔에서 JavaScript 실행
보안 및 제한 사항
- 명시적 사용자 승인 필수: 에이전트는 항상 사용자에게 이 스킬 사용 허가를 요청합니다.
- 로컬 전용: 원격 Chrome 인스턴스나 클라우드 기반 브라우저는 지원하지 않습니다.
- 단일 세션: 한 번에 하나의 Chrome 세션에만 연결할 수 있습니다.
호환성
- Claude Code
- Cursor
- Codex
- 기타 CDP를 지원하는 AI 에이전트 플랫폼