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

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

BugShot — 브라우저에서 끝내는 디자인 QA & 버그 리포팅 디자인 리뷰, 버그 제보, 스타일 수정, 이슈 생성까지. 이제 DevTools·스크린샷 툴·이슈 트래커를 오가며 작업하지 마세요. BugShot은 웹 페이지 위에서 직접 요소를 검사하고 스타일을 수정한 뒤, 변경 내역과 로그·스크린샷·녹화 영상을 포함한 완성된 이슈를 Jira·GitHub·Linear·Notion으로 바로 전송할 수 있는 크롬 익스텐션입니다. --- 주요 기능 실시간 요소 검사 및 스타일 수정 ● 페이지 위 아무 요소나 클릭해 CSS 속성을 확인하고 즉시 수정 ● 변경 사항 실시간 반영 ● Hover / Active 상태 확인 ● Computed Style 및 레이아웃 디버깅 지원 디자인 토큰 인식 ● var(--spacing-14) 같은 CSS 변수를 토큰 이름 기준으로 해석 ● var() 체인 추적 지원 ● Raw value 대신 semantic token 중심 표시 ● 디자인 시스템 정합성 유지 Before & After Diff 자동 생성 ● 수정 전후 스타일 차이 자동 비교 ● CSS 속성 변경 내역 자동 추적 ● 토큰 단위 diff 지원 ● Before / After 비교 테이블 생성 스크린샷 & 화면 녹화 ● 드래그 영역 캡처 ● Annotation(주석) 추가 ● 최대 60초 화면 녹화 ● 인터랙션 버그 기록 지원 네트워크 · 콘솔 로그 자동 수집 ● API 요청 및 실패 로그 기록 ● Console error / warning 자동 수집 ● 런타임 오류 첨부 지원 ● 캡처·녹화 중 발생한 로그 자동 저장 AI 어시스턴트 ● Chrome On-device LLM 또는 사용자 LLM API 연결 지원 이슈 초안 자동 생성 ● 선택 요소·스타일 변경·스크린샷·영상·로그 기반 이슈 생성 ● 제목 및 설명 자동 작성 자연어 스타일 편집 ● “패딩 줄여줘” ● “둥글기 더 키워줘” ● “버튼 간격 맞춰줘” 자연어 한 문장으로 여러 CSS 속성을 동시에 수정할 수 있습니다. 디자인 토큰을 인식해 결과를 토큰 단위로 스냅합니다. 멀티 플랫폼 직접 연동 ● Jira / GitHub / Linear / Notion 지원 ● 이슈 제목·설명·CSS diff·스크린샷·영상·로그 자동 첨부 ● 플랫폼별 메타데이터 설정 지원 지원 메타데이터 예시 ● Jira: 프로젝트, 이슈 타입, 담당자, 우선순위, 에픽 ● GitHub: 저장소, 라벨, 담당자 ● Linear: 팀, 프로젝트, 우선순위, 라벨 ● Notion: 데이터베이스, 상태, Select/Multi-select 속성 이슈 추적 ● 생성한 이슈 목록 확인 ● 현재 상태 추적 ● 플랫폼 링크 관리 Markdown 복사 지원 ● Notion / Slack / Confluence / Discord 등에 바로 붙여넣기 가능 ● 테이블 및 diff 유지 ● 플랫폼 연동 없이 단독 사용 가능 --- BugShot은 이런 팀을 위한 도구입니다 디자이너 & 프론트엔드 개발자 ● 디자인 리뷰 중 발견한 구현 이슈를 CSS diff와 함께 전달 ● DevTools 없이 빠르게 스타일 수정 및 검증 ● 디자인 토큰 기반 UI 정합성 유지 ● 라이브 페이지에서 수정안을 직접 제안 QA 엔지니어 ● 스크린샷·영상·로그 포함 버그 리포트 작성 ● 인터랙션 버그 영상 기록 및 첨부 ● 커뮤니케이션 핑퐁 감소 ● 재현 가능한 이슈 전달 --- 사용법 1. BugShot 실행 ● 브라우저 툴바의 BugShot 아이콘 클릭 ● 또는 Ctrl(Cmd) + Shift + E 2. 모드 선택 ● DOM 요소 선택 ● 영역 캡처 ● 화면 녹화 3. 스타일 수정 ● 요소 선택 후 CSS 속성 수정 ● 변경 사항 즉시 반영 4. 결과 확인 ● 자동 생성된 Diff 테이블 검토 ● 스크린샷·로그·영상 확인 5. 제출 또는 복사 ● Jira / GitHub / Linear / Notion으로 전송 ● 또는 Markdown으로 복사 --- 플랫폼 연동 연동 탭에서 플랫폼을 연결할 수 있습니다. ● Jira — OAuth 또는 API Token ● GitHub — OAuth 또는 Personal Access Token ● Linear — OAuth 또는 API Key ● Notion — OAuth 또는 Internal Integration Token 여러 플랫폼을 동시에 연결해두고 이슈마다 원하는 대상에 전송할 수 있습니다. 스크린샷, 녹화 영상, 로그는 각 플랫폼에 자동 첨부됩니다. 플랫폼을 연결하지 않아도 BugShot은 독립적으로 사용할 수 있습니다. 모든 결과는 Markdown으로 내보낼 수 있습니다.