> For the complete documentation index, see [llms.txt](https://bugshot.gitbook.io/en/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bugshot.gitbook.io/en/readme.md).

# Introduction

Ever spotted a bug and thought, "how do I even explain this?" That's exactly the moment BugShot was built for.

BugShot is a Chrome side panel extension that lets you pick DOM elements on a web page, tweak and compare their styles, and file the result as an issue on Jira, GitHub, Linear, Notion, GitLab, or Asana. Capture right where you spot the bug, and ship a report that bundles the environment, screenshots, video, and logs in one shot.

No more typing out "the color of this button looks off" — one click does it.

{% embed url="<https://bug-shot.com>" %}

## The four main tabs

It looks like a lot at first, but don't worry — the side panel is just four tabs, and they click into place quickly.

* **Debug** — Pick a capture mode (Edit element styles, Capture element, Capture area, Record screen) and write your issue here. Console and network logs live here too.
* **Issues** — Browse your drafts and submitted issues, and reopen them anytime.
* **Integrations** — Connect platforms like Jira and GitHub. With nothing connected yet, this tab opens first.
* **Settings** — Set up the issue body sections, AI connection, language, and theme just the way you like.

![BugShot side panel main view](/files/2pmlcg400BAh58vv4ekx)

## Jump to a section

Not sure where to start? Hop straight to whatever you need below.

* [Quick Start](/en/readme/quick-start.md) — From install to your first submitted issue, in one flow.
* [Integrations](/en/integrations.md) — Connect platforms and track issues.
* [Settings](/en/settings.md) — Issue body composition and AI connection.
* [Inspect & Style](/en/element.md) — Pick a DOM element, edit its styles, and report.
* [Screenshot](/en/screenshot.md) — Capture the screen and mark it up.
* [Recording](/en/video.md) — Live recording and 30s replay.
* [Logs](/en/logs.md) — View console/network logs and the log viewer.

***

🌐 [한국어](https://bugshot.gitbook.io/ko)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://bugshot.gitbook.io/en/readme.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.