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

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

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