chrome://inspect
브라우저의 숨은 제어판
해결하는 문제
휴대폰에서만 생기는 문제나 사이트 성능을 점검할 방법을 모른다.
chrome://inspect로 휴대폰 크롬을 PC에서 디버깅하고, chrome://flags로 실험 기능을 켜고, Lighthouse로 아무 사이트나 성능·접근성을 진단합니다.
서버 의존도
서버 없이 브라우저 기본 기능만 씁니다.
브라우저만브라우저 + CDN브라우저 + API 키브라우저 + 엣지 함수서버 필요
데이터가 흐르는 길
무엇이 들어와서 브라우저 안에서 어떻게 바뀌어 나가는지 정리했습니다.
들어오는 것대상 기기·사이트
브라우저가 하는 일원격 디버깅, 실험 기능, 자동 진단
나오는 것오류 원인, 점수 보고서
쓰는 브라우저 기술
chrome://inspectchrome://flagsLighthouse
라이브러리와 모델
외부 라이브러리 없이 브라우저 기본 기능만 씁니다.
바꿀 수 있는 옵션
- USB 디버깅 연결
- 진단 항목 (성능·접근성·SEO)
자주 막히는 곳
- 실험 기능은 언제든 바뀌거나 사라진다
- 휴대폰 디버깅은 USB 디버깅 허용이 필요하다
이 능력으로 만들 수 있는 서비스
같은 기술을 AI 서비스, 웹 서비스, 피지컬 AI로 넓힌 예시입니다.
AI 서비스
- Lighthouse 보고서 요약·우선순위 정리
웹 서비스
- 웹 접근성 점검 교육
피지컬 AI
- 키오스크 화면 원격 점검
넓히는 방법
- 진단 결과를 AI에 주고 개선안 받기
- 기관 홈페이지 접근성 점검
지원 브라우저
PC 크롬·엣지된다
맥 사파리안 된다
안드로이드 크롬안 된다
아이폰 사파리안 된다
코딩 에이전트에게 줄 프롬프트
복사해서 Claude, Codex, Cursor 같은 코딩 에이전트에 그대로 붙여 넣습니다.
이 Lighthouse 보고서를 비개발자도 이해하게 요약하고, 고칠 것 다섯 가지를 쉬운 순서로 알려줘.
같은 분류의 능력
09 개발 도구로서의 브라우저에 속한 다른 능력입니다.
무료로 보는 것
한 줄 설명, 미리보기 영상, 제한형 데모
스킬팩 구성
full.html, skill.md, prompt.md, rules.md, customize.md, troubleshooting.md, 예시 데이터, agent-instructions.md