browser-testing-with-devtools
자동 수집 항목입니다. 설치 설정은 저장소 README에서 그대로 가져왔지만, 한국어 설명과 부서 분류는 아직 확인하지 않았습니다. 설치 전에 저장소를 한 번 확인하세요.
Chrome DevTools MCP를 통해 실제 브라우저에서 테스트합니다. 브라우저에서 실행되는 것을 만들거나 디버깅할 때 사용합니다. DOM을 검사하거나 콘솔 오류를 수집하거나 네트워크 요청을 분석하거나 성능을 프로파일링하거나 실제 런타임 데이터로 시각적 결과를 확인해야 할 때 사용합니다. chrome-devtools MCP 서버 설정이 필요합니다.
설치하기
Claude Code에서 위 두 줄을 차례로 실행합니다. `agent-skills` 묶음에 이 스킬이 들어 있습니다. 설치한 뒤에는 이름을 언급하면 발동합니다 — 예: "browser-testing-with-devtools 스킬로 정리해줘". 원본: https://github.com/addyosmani/agent-skills/tree/main/skills/browser-testing-with-devtools
/plugin marketplace add addyosmani/agent-skills /plugin install agent-skills@addy-agent-skills
설치와 실행은 사용자 환경에서 이뤄집니다. team-ai는 이 도구를 호스팅하거나 대신 실행하지 않습니다. 제공처와 저장소를 확인한 뒤 설치하세요.
설명
원문: Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.