요소 검사와 CSS 편집
요소를 클릭해 스타일을 확인하고, 비주얼 에디터에서 바로 수정하세요.
제품 미리보기
요소를 클릭해 적용된 스타일과 속성을 확인하세요.
BugShot으로
할 수 있는 것
캡처 & 녹화
주석 스크린샷이나 최대 60초 녹화로 버그 순간을 정확히 포착합니다.
콘솔 & 네트워크 로그
콘솔 에러와 네트워크 요청이 자동 수집되어, 로그 때문에 재현할 필요가 없습니다.
컨텍스트 자동 수집
브라우저·해상도·DOM·콘솔·네트워크가 자동 수집되고, 노이즈는 걸러냅니다.
AI 버그 리포트
수집된 데이터를 재현 단계·기대·실제 동작이 담긴 리포트로 변환합니다.
원클릭 이슈 등록
Jira·GitHub·Linear·Notion에 첨부 파일까지 클릭 한 번으로 전송합니다.
안**, QA Engineer
“DevTools 열고, 스크린샷 찍고, Jira에 따로 정리하던 과정이 브라우저 안에서 다 끝나니까 흐름이 안 끊깁니다. 텍스트로 풀어쓰던 걸 수정 결과 + diff + 영상으로 대체하니 핑퐁이 확 줄었어요.”
Chrome Web Store Review
BugShot 사용법
1. 실행
BugShot 아이콘을 클릭하거나 단축키로 사이드 패널을 엽니다.
2. 녹화와 검사
최대 60초 녹화하거나, 요소를 선택해 스타일을 실시간으로 편집합니다.
3. AI 리포트
수집된 데이터로 재현 단계와 기대·실제 동작이 담긴 초안을 자동 생성합니다.
4. 전송 또는 내보내기
Markdown, 이슈 트래커 등 팀이 원하는 형식으로 공유합니다.