Chrome DevTools MCP 공식 출시 — AI 에이전트가 드디어 브라우저를 본다
“AI 에이전트는 브라우저를 볼 수 없다”는 전제가 깨졌다. Google이 Chrome DevTools MCP를 공식 출시했고, 출시 직후 GitHub 스타 35,975개를 기록했다. 도구는 29개, 설치는 npx 한 줄이다. 지금까지 Claude Code로 프론트엔드 작업을 하면 “코드 짜기 → 빌드 → 브라우저 열기 → 콘솔 확인 → 버그 재현 → 다시 코드”의 핑퐁이 반복됐다. 에이전트는 브라우저를 못 보니 사람이 중간 다리 역할을 해야 했다. 이제 이 전체 루프를 에이전트가 혼자 돈다. 공식 출시 핵심 팩트 GitHub : ChromeDevTools/chrome-devtools-mcp, 스타 35,975개 (2026-04 기준) 도구 수 : 29개 (6개 카테고리로 분류) 설치 : npx chrome-devtools-mcp 한 줄 호환 : Claude Code, Gemini CLI, Cursor, VS Code Copilot, Windsurf 등 20개 이상 AI 클라이언트 공식 지원 Chrome 144부터 : 자동 연결 지원. 헤드리스 가능, 기존 브라우저 세션에도 붙음 29개 도구는 6개 카테고리로 묶인다. 입력 자동화(클릭·폼·파일 업로드), 네비게이션(페이지 열기·탭 전환), 에뮬레이션(모바일 기기·네트워크 쓰로틀링), 콘솔 검사, 네트워크 추적, 성능 프로파일링. 에이전트가 할 수 있게 된 것 구체적으로 무엇이 바뀌었는지 정리한다. 스크린샷 기반 판단 : 에이전트가 화면 상태를 직접 눈으로(비전으로) 본다. “이 버튼이 잘렸다”를 사람이 스크린샷 붙여주지 않아도 된다 콘솔 에러 자동 분석 : 소스맵까지 따라가서 스택 트레이스 확인. “무슨 에러?” 대신 “이 함수 142줄에서 null 참조”까지 즉시 UI 자동 조작 : 클릭, 타이핑, 폼 제출을 에이전트가 직접 실행. 테스트 시나리오 자동 수행 Lighth...