Google, Chrome DevTools MCP 출시 — AI 에이전트가 이제 브라우저를 디버깅할 수 있다
Google이 AI 기반 웹 개발의 판도를 바꾸는 도구를 출시했다. Chrome-DevTools-MCP는 AI 코딩 에이전트에게 Chrome의 디버깅 및 검사 기능에 대한 직접 접근을 제공하는 MCP(Model Context Protocol) 어댑터다. 쉽게 말해: AI 어시스턴트가 이제 브라우저를 열고, DOM을 검사하고, 콘솔에서 JavaScript를 실행하고, 레이아웃 문제를 디버깅할 수 있다 — 모두 스스로.
무엇인가
이 프로젝트는 Chrome DevTools를 MCP 생태계와 연결하여 브라우저 디버깅을 구조화된 AI 호출 가능 도구 세트로 바꾼다. 모든 MCP 호환 에이전트(Claude, Codex, Hermes, Cursor)가 이제:
- 모든 URL로 이동하고 페이지 스냅샷 캡처
- DOM 요소, CSS 스타일, 레이아웃 속성 검사
- 페이지 컨텍스트에서 JavaScript 실행 및 결과 읽기
- 네트워크 요청, 콘솔 로그, 성능 메트릭 모니터링
- 전체 스택 트레이스로 런타임 오류 디버깅
며칠 만에 38.8k 스타를 받은 이유
개발자 커뮤니티가 이 프로젝트를 비범한 속도로 받아들였다. 이유:
- 실제 문제를 해결한다. 웹 앱 디버깅은 IDE와 브라우저 간의 지속적인 컨텍스트 전환이 필요하다. Chrome-DevTools-MCP는 에이전트가 흐름을 유지하게 한다.
- Google이 지원한다. Chrome 팀에서 나온 것으로 즉시 신뢰도와 장기 유지보수 약속을 얻는다.
- MCP가 새 표준이다. Anthropic, OpenAI, 이제 Google까지 모두 MCP 서버를 출시하면서 프로토콜은 AI-도구 통합의 보편적 인터페이스가 되고 있다.
시작하기
# MCP 클라이언트 설정에 추가 (예: Claude Desktop, Hermes)npx -y chrome-devtools-mcp@latest설정 후 AI 에이전트는 전체 Chrome DevTools 프로토콜을 커버하는 ~29개의 새 도구를 얻는다. 전체 문서는 GitHub 저장소에서 확인.
더 큰 그림
Chrome-DevTools-MCP는 단순한 도구가 아니다 — 신호다. Google은 AI 에이전트가 수년 내가 아닌 수십 년 내에 웹 개발의 주요 인터페이스가 될 것이라고 베팅하고 있다. 브라우저와 MCP 생태계 간의 연결을 오픈소스화함으로써 Google은 Chrome을 에이전틱 웹의 기본 런타임으로 포지셔닝하고 있다.
관련 읽기: MCP Protocol: A Thousand Servers and Counting · Is Your Site Agent-Ready? Cloudflare Scanner