chrome-devtools이란?
Chrome 확장 프로그램 및 DevTools MCP를 통한 브라우저 자동화. 로그인된 Chrome 브라우저 제어, 워크플로 자동화, 양식 작성, 데이터 추출, 웹 앱 디버깅, 콘솔 로그 읽기 또는 예약된 브라우저 작업 실행 시 사용합니다. 브라우저 테스트, 양식 자동화, 데이터 추출, 웹 스크래핑, 인증된 브라우징에 사용합니다. 출처: oakoss/agent-skills.
Chrome 확장 프로그램 및 DevTools MCP를 통한 브라우저 자동화. 로그인된 Chrome 브라우저 제어, 워크플로 자동화, 양식 작성, 데이터 추출, 웹 앱 디버깅, 콘솔 로그 읽기 또는 예약된 브라우저 작업 실행 시 사용합니다. 브라우저 테스트, 양식 자동화, 데이터 추출, 웹 스크래핑, 인증된 브라우징에 사용합니다.
명령줄에서 chrome-devtools AI 스킬을 개발 환경에 빠르게 설치
출처: oakoss/agent-skills.
Control a real Chrome browser with Claude. The Chrome extension runs inside an authenticated browser session, allowing interaction with sites the user is already logged into -- Gmail, Google Docs, Notion, CRMs, and more.
Two integration paths exist: Claude Code + Chrome Extension (terminal-based browser control via claude --chrome) and Chrome DevTools MCP (26 browser automation tools via Model Context Protocol). Both operate on a real Chrome instance with existing logins, requiring no re-authentication. The Chrome extension also supports workflow shortcuts, scheduled recurring tasks, and multi-tab coordination independently of Cla...
| Claude Code + Extension | claude --chrome | Terminal-based browser control | | Chrome DevTools MCP | claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest | Programmatic automation via MCP tools |
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/oakoss/agent-skills --skill chrome-devtoolsChrome 확장 프로그램 및 DevTools MCP를 통한 브라우저 자동화. 로그인된 Chrome 브라우저 제어, 워크플로 자동화, 양식 작성, 데이터 추출, 웹 앱 디버깅, 콘솔 로그 읽기 또는 예약된 브라우저 작업 실행 시 사용합니다. 브라우저 테스트, 양식 자동화, 데이터 추출, 웹 스크래핑, 인증된 브라우징에 사용합니다. 출처: oakoss/agent-skills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/oakoss/agent-skills --skill chrome-devtools 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/oakoss/agent-skills