브라우저 자동화는 토큰을 빠르게 소비하고 페이지 스냅샷 및 네트워크 데이터로 대화 컨텍스트를 오염시킬 수 있습니다. 이 스킬은 모든 브라우저 작업을 전문 Chrome DevTools 에이전트에 위임하여 메인 대화를 깔끔하고 토큰 효율적으로 유지합니다.
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「browser-task-and-automation-and-delegation」。 example.com을 열고 페이지 성능 분석
預期結果:
- 페이지가 성공적으로 열렸습니다
- 성능 추적 완료
- LCP: 1.2s (Good)
- FID: 45ms (Good)
- CLS: 0.001 (Good)
- 스크린샷 저장 위치: ~/screenshots/example-performance.png
正在使用「browser-task-and-automation-and-delegation」。 데모 사이트의 로그인 플로우 테스트
預期結果:
- 로그인 페이지로 이동했습니다
- 사용자명 및 비밀번호 필드가 있는 로그인 폼을 찾았습니다
- 테스트 자격 증명을 입력했습니다
- 로그인 버튼을 클릭했습니다
- 로그인 성공 - 대시보드로 리디렉션됨
- 대시보드 요소가 표시되는지 확인했습니다
正在使用「browser-task-and-automation-and-delegation」。 카탈로그에서 모든 제품명과 가격 추출
預期結果:
- 페이지에서 24개의 제품 항목을 찾았습니다
- JavaScript를 사용하여 제품명과 가격을 추출했습니다
- 제품 저장 위치: ~/data/products.json
- 샘플: Wireless Mouse - $29.99, USB Hub - $45.00
安全審計
安全This is a pure documentation-based skill containing only markdown prompts and instructions. No executable code, scripts, or direct file/network access capabilities exist. The skill merely describes how to delegate browser tasks to the chrome-devtools-expert agent. Static findings are false positives triggered by documentation patterns (example URLs, markdown code blocks, placeholder credentials) being misidentified as security issues.
風險因素
品質評分
你能建構什麼
자동화된 UI 테스트
수동 브라우저 상호작용 없이 폼 제출, 버튼 클릭 및 사용자 플로우 테스트
성능 분석
다양한 네트워크 조건에서 페이지 로드 시간 및 Core Web Vitals 측정
웹 데이터 추출
웹 페이지에서 제품 목록, 가격 데이터 또는 구조화된 콘텐츠 추출
試試這些提示
{url}을(를) 열고 로드되면 전체 페이지 스크린샷 촬영{url}의 로그인 폼을 사용자명과 비밀번호로 채우고 제출한 후 성공 확인{url}에서 성능 추적을 실행하고 Core Web Vitals 메트릭 보고{url}을(를) 열고 {page}(으)로 이동하여 검색 폼을 채우고 결과를 추출한 후 파일로 저장最佳實務
- 프롬프트에 전체 URL과 구체적인 작업 요구사항 포함
- 에이전트가 브라우저 작업 시퀀스를 최적화하도록 허용
- 토큰 사용량을 최소화하기 위해 필수 출력 데이터만 요청
避免
- 이 스킬 대신 메인 대화에서 브라우저 도구를 직접 사용
- 불필요하게 같은 페이지의 여러 스크린샷 요청
- 관련 없는 브라우저 작업을 하나의 프롬프트에 결합