Inspect DOM context and applied styles
Click an element to inspect the styles and attributes applied to it, which helps when reviewing UI behavior or reproducing a visual issue.
BugShot
BugShot is a Chrome-based bug reporting tool that combines inspection, capture, replay, and issue filing in one browser workflow for QA and development teams.
What BugShot does
BugShot is a Chrome-based bug reporting tool that combines capture, inspection, lightweight editing, replay, and issue filing in one browser workflow. It is positioned for design review, bug reporting, style fixes, and issue creation without switching between DevTools, screenshot tools, and trackers.
The product can inspect elements on the page, show their styles and attributes, capture records and logs, and turn that context into a structured report. Users can then send the report to connected issue trackers or team tools such as Jira, GitHub, Linear, Notion, GitLab, Asana, ClickUp, or Slack.
Core features
Edit styles visually or with AI
Make live CSS edits in the browser and use AI Styling to rewrite CSS from a plain-language description, with before-and-after comparison on the page.
Record and replay recent activity
Record interactions live or capture the last 30 seconds from always-on replay, so issues can be reviewed even after the moment they happened.
Generate AI bug reports
Convert captured context into a structured bug report with steps, expected behavior, and actual behavior fields.
Sync logs with replay
Attach console, network, and action logs to the captured session and open the log viewer in sync with the video playback.
Submit and track issues
File the report to Jira, GitHub, Linear, Notion, and other connected tools, then check issue status inside BugShot.
Practical use cases
Design review and visual QA
Use BugShot during design QA to inspect an element, review its styles, and capture a clear visual record of the change without moving into separate devtools and screenshot apps.
Frontend and QA bug triage
When a bug is reported with limited context, capture the page state, logs, and environment details so developers can see the setup and the failure together.
Quick style fixes and visual prototypes
If a UI issue is easier to explain by making the fix directly, use live style editing or AI Styling to prototype the change and compare the result before filing it.
Reproducing hard-to-catch bugs
Capture interactions or replay the last 30 seconds when a problem happens intermittently, then attach the recording and logs to the report.
Issue submission and follow-up
Connect a tracker and file the draft directly into your team’s workflow, then monitor the issue status from inside BugShot.
Pros and Cons
Pros
- Combines inspection, capture, replay, and issue filing in a single browser workflow.
- Includes automatic context such as browser details, resolution, DOM context, logs, and recordings with reports.
- Supports a wide set of issue trackers and team tools, including Jira, GitHub, Linear, Notion, GitLab, Asana, ClickUp, and Slack.
- Offers live style editing and AI-assisted CSS rewriting for UI changes.
- Can draft structured bug reports with steps, expected behavior, and actual behavior.
Cons
- The pricing page returns a 404, so pricing details and plan structure are not visible from the provided sources.
- Support for browsers beyond Chrome is not clearly documented in the collected source text.
- Some workflow details, such as AI feature requirements and data handling, are referenced in the FAQ but not answered in the provided content.
FAQ
Is BugShot free?
Yes. The homepage states that BugShot is completely free and requires no sign-up; users can install it from the Chrome Web Store and start reporting immediately.
Which browser does BugShot support?
The homepage highlights Google Chrome with an "Add to Chrome" call to action, so the documented installation path is through the Chrome browser.
Which issue trackers and team tools are supported?
BugShot can connect to Jira, GitHub, Linear, Notion, GitLab, Asana, ClickUp, and Slack through the Integrations tab, according to the user guide.
What does BugShot include in a bug report?
The source says captured bugs can include browser, resolution, DOM context, logs, and recordings, and the AI can draft structured reports with steps, expected behavior, and actual behavior.
Do I need to connect an issue tracker before using BugShot?
The homepage says you can capture and draft without connecting a platform first. When you're ready to file issues, a banner prompts you to add a platform in the Integrations tab.
Quick Facts
- Category
- Developer Tool
- Platform
- Chrome browser extension
- Primary workflow
- Inspect, capture, annotate, replay, draft, and file bug reports
- Integrations
- Jira, GitHub, Linear, Notion, GitLab, Asana, ClickUp, Slack
- Cost
- Free according to the homepage
- Source domain
- bug-shot.com
BugShot Alternatives
ByteAsk
ByteAsk is a terminal-first AI coding agent for C and C++ that edits repos and verifies changes with compilers, debuggers, sanitizers, and tests.
Goldfish
Goldfish is an AI memory app for macOS that helps you reply, write, summarize, and continue with context already on your Mac. It stores memory locally and writes in your tone.
Biji
Biji is a versatile platform designed to enhance productivity through innovative tools and features.
hob
hob is an independent workspace for coding agents, with local control over sessions, terminals, history, routing, and follow-up work.
Ably Chat
Ably Chat is a chat API platform for custom realtime chat apps, with rooms, typing indicators, presence, reactions, message updates and usage-based pricing.
Redline
Redline is a budgeting tool for Claude Code that paces sessions by time, tokens, cost, or plan percentage, helping them end with a usable result.