chrome-devtools-mcp은(는) 무엇을 하나요?
코딩 에이전트를 위한 Chrome DevTools
코딩 에이전트를 위한 Chrome DevTools
ChromeDevTools/chrome-devtools-mcp는 AI 코딩 에이전트가 Chrome 브라우저의 개발자 도구(DevTools)를 직접 활용할 수 있게 해주는 MCP(Model Context Protocol) 기반 스킬입니다. 이 스킬을 통해 에이전트는 웹 페이지의 DOM 구조를 검사하고, CSS 스타일을 실시간으로 수정하며, JavaScript 콘솔 로그를 확인하고, 네트워크 요청을 분석하는 등 일반적으로 사람 개발자가 DevTools에서 수행하는 디버깅 및 분석 작업을 자동화할 수 있습니다. 주로 Claude Code, Cursor, Codex와 같은 MCP를 지원하는 에이전트 플랫폼에서 사용되며, 웹 개발 과정에서 레이아웃 문제, 스타일 충돌, JavaScript 오류 등의 디버깅을 에이전트가 직접 수행할 수 있도록 도와 생산성을 크게 향상시킵니다. 이 스킬은 Chrome 브라우저의 원격 디버깅 프로토콜(Chrome DevTools Protocol, CDP)을 기반으로 동작하며, 에이전트가 브라우저에 연결하여 다양한 DevTools 기능을 명령어 기반으로 실행할 수 있게 합니다.
npx skills add ChromeDevTools/chrome-devtools-mcpInstalled? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
코딩 에이전트를 위한 Chrome DevTools
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.