제품/서비스Product Hunt
Lizard Studio
Claude Code in Chrome, looking at the same page as you
9 추천
#DevTool#AI#OpenSource#WebDev
제품 설명
브라우저 사이드바에서 웹 페이지를 실시간으로 보며 코드를 수정하는 오픈소스 AI 개발 도구
사용자에게 좋은 점
개발자가 브라우저와 코드 에디터를 오가는 번거로움 없이, 화면상의 요소를 직접 가리키며 즉각적인 코드 수정과 디버깅이 가능합니다.
주요 내용
- 크롬 사이드 패널에서 텍스트, 코드, 콘솔 로그, 네트워크 호출을 실시간 확인
- 클릭, 타이핑, 색상 선택 및 요소 간 간격 측정 기능 제공
- 오류 발견 시 즉시 지목하여 코드를 수정할 수 있는 상호작용형 디버깅
참고할 행동
- •사이드 패널을 열어 현재 작업 중인 페이지의 요소 측정하기
- •콘솔 로그나 네트워크 오류를 기반으로 Claude에게 코드 수정 요청하기
- •UI 레이아웃 불일치 시 직접 요소를 선택해 수정하기
확인할 점
- •사용자의 개인 Claude 구독 계정이 필요함
- •브라우저 권한을 통한 페이지 데이터 접근이 필요함
참고
Product Hunt에 올라온 제품/서비스 정보를 바탕으로 AI가 요약했습니다.