BugShot

페이지의 아무 요소나 클릭하면 적용된 스타일과 속성이 보인다. 색, 간격, 테두리, 글꼴을 시각 편집기에서 실시간으로 바꿀 수 있고, BugShot은 전후를 나란히 이슈에 기록한다. 문제를 설명만 하는 게 아니라 수정안을 제안할 수 있다는 뜻이다. 큰 차이다.

원하는 변경을 평범한 말로 적으면 AI가 CSS를 대신 고쳐 쓴다. 페이지에서 바로 전후를 비교하므로 보내기 전에 결과를 확인할 수 있다. 뭐가 잘못됐는지는 알지만 고칠 CSS를 어떻게 써야 하는지 모르는 사람을 위한 기능이다. 코드는 필요 없다.

BugShot은 라이브 세션을 녹화하고 항상 켜진 버퍼도 유지하므로, 버그가 이미 지나간 뒤에도 마지막 30초를 뽑을 수 있다. 그 리플레이 녹화는 이슈에 첨부된다. 텍스트로 설명하기 어려운 타이밍 민감 문제에서 중요하다. 순간을 놓쳤다고? 이제 아니다.

모든 리포트에는 브라우저, 뷰포트 크기, 운영체제, URL, DOM 맥락이 자동으로 담긴다. 환경 데이터가 이미 티켓에 있으므로, 개발자는 보고자에게 어떤 환경이었는지 묻지 않는다.

BugShot은 기록한 데이터를 단계, 예상 동작, 실제 동작을 갖춘 구조화된 AI 버그 리포트로 바꾼다. 버그를 한 줄로 적어 두면 AI가 개발자가 다룰 수 있는 형태로 다듬는다.

완전한 첨부가 담긴 티켓을 Jira, GitHub, Linear, Notion, GitLab, Asana, ClickUp으로 한 번의 클릭에 보내거나, Slack으로 보내 빠르게 공유한다. 프로젝트, 라벨, 담당자, 우선순위는 연결된 플랫폼에서 동기화되므로 매번 필드를 다시 설정하지 않는다. Jira를 열지 않고 Jira로 버그를 보낸다. 빠르다.

첨부된 로그 뷰어는 녹화를 콘솔, 네트워크, 사용자 동작 로그와 동기화해 재생한다. 세 로그는 사이드 패널이 열려 있는 동안 자동으로 모이며, 교차 출처 iframe의 오류도 포함한다. 보내기 전에 어느 것이든 끌 수 있다. 정보가 많다. 디버깅하는 쪽이라면 유용하다.

제출한 이슈의 상태를 BugShot 안에서 실시간으로 확인한다. 트래커로 돌아가지 않고 갱신할 수 있으므로 리포트 루프가 한곳에 머문다. 탭 전환을 아껴 주는 것이 바로 그 이슈 트래커 연동이다.