Chrome Devtools Protocol

remote-browser는 샌드박스 환경의 에이전트가 Browser Automation을 위해 헤드리스 브라우저를 제어할 수 있게 해주는 스킬입니다. 페이지 열기, 상태 확인, 인덱스 기반 요소 클릭, 입력 타이핑, 스크린샷 촬영은 물론 로컬 앱이나 CDP 기반 브라우저 세션 연결에도 사용할 수 있습니다.

browser-use는 페이지 열기, 상태 확인, 인덱스된 요소 클릭, 입력 필드 타이핑, 스크린샷 촬영, 그리고 지속형 브라우저 세션 재사용을 지원하는 브라우저 자동화 스킬입니다. browser-use CLI를 활용해 안정적인 폼 입력, 페이지 이동, 로그인 기반 워크플로에 적합합니다.

browser-testing-with-devtools는 Chrome DevTools MCP를 통해 에이전트가 실제 브라우저 동작을 테스트하고 디버깅하도록 돕습니다. DOM을 검사하고, 콘솔 오류를 캡처하며, 네트워크 요청을 분석하고, 성능을 프로파일링하고, 라이브 브라우저에서 수정 사항을 검증할 때 활용하세요.

claude-in-chrome-troubleshooting은 macOS에서 Claude in Chrome MCP 연결 문제를 진단하고 해결하는 데 도움을 줍니다. mcp__claude-in-chrome__* 도구가 실패하거나, 브라우저 확장 프로그램에 “Browser extension is not connected”가 표시되거나, 업데이트나 앱 전환 이후 브라우저 자동화가 불안정해질 때 사용하세요. 이 스킬은 Claude Code와 Claude.app 간 충돌을 다루는 실전 복구 가이드입니다.

web-perf는 Chrome DevTools MCP로 웹 성능을 분석합니다. Core Web Vitals, trace 기반 로드 문제, 렌더링 차단 리소스, 레이아웃 시프트, 캐싱 문제, 접근성 격차를 측정합니다. 최신 문서와 실시간 trace에 기반한 성능 최적화, 느린 페이지 디버깅, web-perf 가이드 워크플로에 이 스킬을 사용하세요.

use-my-browser는 브라우저 자동화에서 상황에 맞는 웹 레이어를 고르기 위한 전략형 스킬입니다. 공개 웹 도구, live Chrome, raw fetch, Playwright 중에서 로그인 필요 작업, 동적 페이지, DevTools 기반 작업에 무엇이 적합한지 판단하는 데 초점을 둡니다.