본문 바로가기
← MCP·스킬 라이브러리
MCP개발·코드

Chrome DevTools

크롬 개발자 도구를 붙입니다. 화면 성능·네트워크·콘솔을 직접 확인합니다.

제공 Chrome DevTools라이선스 Apache-2.0갱신 2026년 9월 21일
★ 52,385포크 4,366마지막 커밋 2026년 9월 20일ChromeDevTools/chrome-devtools-mcp 기준

설치하기

Node.js가 설치돼 있어야 합니다. 터미널에서 `node -v`로 확인하세요. 크롬이 설치돼 있어야 합니다. 설정 파일 — macOS: ~/Library/Application Support/Claude/claude_desktop_config.json, Windows: %APPDATA%\Claude\claude_desktop_config.json. 저장한 뒤 Claude Desktop을 완전히 종료했다 다시 켜야 반영됩니다.

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-mcp@latest"]
    }
  }
}

설치와 실행은 사용자 환경에서 이뤄집니다. team-ai는 이 도구를 호스팅하거나 대신 실행하지 않습니다. 제공처와 저장소를 확인한 뒤 설치하세요.

설명

페이지를 열어 콘솔 오류, 네트워크 요청, 성능 기록을 확인합니다. "왜 느린가", "어떤 요청이 실패하나" 같은 질문을 실제 측정으로 답합니다.

변경 이력

  • 2026년 9월 21일라이브러리에 등록