BugShot — 한 번에 끝내는 버그 리포트

버그 발견부터 수정, 캡처, 이슈 생성까지 한 번에.

BugShot — 브라우저에서 끝내는 디자인 QA와 버그 리포팅 디자인 리뷰, 버그 제보, 스타일 수정, 이슈 생성까지. 이제 DevTools·스크린샷 툴·이슈 트래커를 오가며 작업하지 마세요. BugShot은 웹 페이지 위에서 직접 요소를 검사하고 스타일을 수정한 뒤, 변경 내역과 로그·스크린샷·녹화 영상을 포함한 완성된 이슈를 Jira, GitHub, Linear 등 6개 이슈 트래커로 바로 전송할 수 있는 크롬 익스텐션입니다. --- BugShot으로 할 수 있는 일 - 요소 검사 — 확장 프로그램을 활성화하고 페이지의 어떤 요소든 클릭해 적용된 스타일과 속성을 확인하세요. - CSS 실시간 수정 — 시각적 에디터에서 스타일을 변경하고 결과를 즉시 페이지에 반영해보세요. - 60초 화면 녹화 — 버그가 발생하는 순간을 그대로 녹화해 재현 영상을 만드세요. - 30초 인스턴트 리플레이 — 녹화 버튼을 누르지 않아도 직전 30초를 자동으로 되감아 MP4로 저장합니다. 놓친 버그도 잡을 수 있습니다. - 자동 재현 단계 기록 — 클릭, 입력, 페이지 이동을 자동으로 추적해 사람이 읽을 수 있는 재현 단계를 만들어줍니다. 민감한 입력값은 자동으로 마스킹됩니다. - 콘솔과 네트워크 로그 수집 — 페이지 이동을 넘어 세션 전체의 로그를 자동으로 수집합니다. 결제 위젯·임베드 같은 외부 iframe의 로그까지 잡아내고, 출처별로 필터링해 영상·타임라인과 연동되는 인터랙티브 뷰어에서 확인할 수 있습니다. - DOM과 환경 정보 자동 수집 — 브라우저, 화면 해상도, 선택한 요소의 DOM 정보를 자동으로 첨부합니다. - AI 버그 리포트 생성 — 수집된 정보를 바탕으로 재현 단계, 예상 동작, 실제 동작이 정리된 리포트를 자동 생성합니다. 내 API 키(BYOK)를 연결하거나 크롬 온디바이스 AI를 그대로 사용할 수 있습니다. - 변경 내역 — 페이지에서 수정한 모든 요소를 한곳에서 다시 확인하세요. - 이슈 트래커로 바로 전송 — 연결된 플랫폼에 리포트와 첨부 파일을 한 번에 생성·전송할 수 있습니다. --- BugShot은 이런 팀을 위한 도구입니다. 디자이너, QA: - 정확한 버그 전달: 글로 설명하기 어려운 시각적 이슈를 영상과 스크린샷으로 명확하게 공유하세요. - 실시간 디자인 검증: 라이브 페이지에서 직접 스타일을 조정해 픽셀 단위로 개선점을 제안할 수 있습니다. - 반복 작업 제거: 스크린샷, 브라우저 정보, 콘솔 로그를 매번 수동으로 정리할 필요가 없습니다. 개발자: - 디버깅 시간 단축: 재현 환경과 콘솔 로그가 정리된 리포트를 받아 바로 원인 분석에 들어갈 수 있습니다. - DevTools 없이 CSS 수정: 직관적인 비주얼 에디터로 빠르게 스타일을 검증하세요. - 코드로 바로 복사: 수정 결과를 CSS로 추출해 그대로 프로젝트에 반영할 수 있습니다. --- 이슈 트래커와 바로 연결됩니다. 연동 탭에서 사용하는 플랫폼을 연결하세요. 모든 플랫폼이 OAuth 또는 API 토큰 방식을 지원하며, 여러 플랫폼을 동시에 연결해두고 이슈마다 원하는 대상에 전송할 수 있습니다. 지원 플랫폼 전체 목록과 연동 방법은 사용 가이드에서 확인하세요: https://bugshot.gitbook.io/ko/integrations/platforms --- 이렇게 사용하세요. 1. 확장 프로그램 실행: 브라우저 툴바의 버그샷 아이콘을 클릭하거나 단축키로 사이드 패널을 여세요. 2. 녹화 시작: 버그가 발생하는 순간을 최대 60초까지 녹화하면, 콘솔과 네트워크 로그가 자동으로 함께 수집됩니다. 3. 요소 검사 및 수정: 페이지 위의 어떤 요소든 선택해 스타일과 속성을 확인하고, 비주얼 에디터로 즉시 수정해보세요. 4. AI 리포트 생성: 수집된 정보를 바탕으로 재현 단계와 환경 정보가 정리된 버그 리포트 초안을 자동으로 만듭니다. 5. 공유 및 내보내기: 마크다운, 이슈 트래커 전송 등 원하는 방식으로 동료에게 전달하세요. --- 설치하기 전에 확인하세요. Side Panel API를 지원하는 모든 크로미움 기반 브라우저에서 동작합니다. 온디바이스 AI 기능을 사용하려면 Gemini Nano를 지원하는 최신 버전의 크롬이 필요합니다(또는 직접 API 키를 연결해 사용할 수 있습니다). 설치에 문제가 있을 경우 브라우저를 최신 버전으로 업데이트한 뒤 다시 시도해보세요.