정의
Model Context Protocol(MCP)은 AI 에이전트를 도구와 데이터에 연결하는 개방형 표준입니다. MCP 서버는 자신이 할 수 있는 일(페이지 이동, 클릭, 페이지 읽기, 데이터베이스 조회)을 나열하는 작은 프로그램이고, 에이전트는 필요할 때 그 도구를 호출합니다. 서버는 에이전트 설정에 등록되며, 보통 실행할 명령과 인수로 적습니다.
Chrome DevTools MCP는 Chrome 인스턴스를 도구로 노출하는 서버입니다. 터미널 에이전트를 브라우저 에이전트로 만들어 주는 것이 바로 이 서버입니다.
출처: Model Context Protocol: What is MCP? · Model Context Protocol specification: Tools
예시
수원의 한 개발자가 Codex를 씁니다. 설정에 MCP 서버 항목 하나를 추가합니다. npx가 --autoConnect로 chrome-devtools-mcp를 시작하는 항목입니다. 에이전트가 시작되면 서버가 도구 목록(페이지 열기, 클릭, 필드 채우기, 스크린샷 찍기)을 알려 주고, 에이전트는 작업하면서 이를 호출합니다. BROWSER-SETUP.md의 범용 항목은 아래에 있고, Codex 페이지에는 같은 인수가 Codex 고유 형식으로 나와 있습니다.
서버 프로세스가 실행 중이라는 것은 아직 증거가 아닙니다. 그는 에이전트에게 공개 페이지를 열어 달라고 하고, 자신의 Chrome에서 탭이 움직이는 것을 지켜봅니다. 그다음에야 첫 디렉터리 폼 작업이 시작됩니다.
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp@latest", "--autoConnect", "--no-usage-statistics", "--no-performance-crux"]
}
}
}디렉터리 출시에서 중요한 이유
MCP 브라우저 서버가 없으면 코딩 에이전트는 파일을 읽고 쓸 수만 있을 뿐, 디렉터리 폼을 채울 수 없습니다. 서버는 신뢰의 경계이기도 합니다. 연결된 브라우저를 제어하므로, 어떤 Chrome에 붙는지와 어떻게 시작되는지가 에이전트가 닿을 수 있는 범위를 정합니다.
LaunchRepo가 다루는 방식
저장소에는 chrome-devtools-mcp용 범용 MCP 서버 항목이 문서화되어 있습니다. --autoConnect(이미 쓰고 있는 Chrome 144 이상) 또는 --browserUrl(로컬 포트의 전용 프로필)을 씁니다. 이 항목을 어디에 넣는지는 에이전트마다 다릅니다. Claude Code, Codex, Cursor와 그 밖의 여섯 개 에이전트는 각자 설정 위치가 다르며, 이 사이트의 각 에이전트 페이지에 설명되어 있습니다. npx를 쓰려면 Node와 npm이 필요하고, 설정 후에는 테스트한 패키지 버전을 고정해야 합니다. 서버 프로세스가 실행 중이라는 것만으로는 아무것도 증명되지 않으며, 보이는 탭이 실제로 움직여야 합니다.
더 알아보기
서버 항목을 넣는 위치, Chrome에 붙이는 두 가지 방법, 그리고 에이전트가 정말로 내 브라우저를 조작하는지 증명하는 테스트를 다룹니다.
저장소에서 이 용어를 직접 확인하세요
LaunchRepo는 디렉터리 플레이북 299개, 제품 정보 파일, 그리고 내 에이전트가 실행하는 제출 트래커로 이루어져 있습니다. €49.00를 한 번 결제하고, 내가 소유한 모든 제품에 쓰세요.
가격 보기