browser-devtools-cli
✓웹 테스트, 디버깅 및 자동화를 위해 Playwright를 사용하여 브라우저 상호 작용을 자동화합니다. 사용자가 웹 사이트 탐색, 스크린샷 찍기, 양식 채우기, 요소 클릭, 페이지 콘텐츠 추출(HTML/텍스트), 접근성 감사(ARIA/AX 트리), 웹 바이탈 성능 측정, 콘솔 로그 및 HTTP 요청 모니터링, API 응답 모의, 브라우저에서 JavaScript 실행, React 구성 요소 검사 또는 UI를 Figma 디자인과 비교해야 할 때 사용합니다.
SKILL.md
Command-line interface for browser automation, debugging, and testing using Playwright.
| --port | Daemon server port | 2020 | | --session-id | Session ID for browser state persistence | auto | | --json | Output results as JSON (recommended for AI) | false | | --quiet | Suppress log messages | false | | --verbose | Enable debug output | false | | --timeout | Operation timeout | 30000 | | --headless | Run browser in headless mode | true |
| --no-headless | Run browser with visible window | - | | --persistent | Preserve cookies/localStorage | false | | --no-persistent | Clear state on session end | - | | --user-data-dir | Browser user data directory | OS temp | | --use-system-browser | Use system Chrome | false | | --browser-path | Custom browser path | auto |
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/serkan-ozal/browser-devtools-mcp --skill browser-devtools-cli- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
browser-devtools-cli이란?
웹 테스트, 디버깅 및 자동화를 위해 Playwright를 사용하여 브라우저 상호 작용을 자동화합니다. 사용자가 웹 사이트 탐색, 스크린샷 찍기, 양식 채우기, 요소 클릭, 페이지 콘텐츠 추출(HTML/텍스트), 접근성 감사(ARIA/AX 트리), 웹 바이탈 성능 측정, 콘솔 로그 및 HTTP 요청 모니터링, API 응답 모의, 브라우저에서 JavaScript 실행, React 구성 요소 검사 또는 UI를 Figma 디자인과 비교해야 할 때 사용합니다. 출처: serkan-ozal/browser-devtools-mcp.
browser-devtools-cli 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/serkan-ozal/browser-devtools-mcp --skill browser-devtools-cli 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/serkan-ozal/browser-devtools-mcp
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01