Docs

Install the bug report widget.

ContextCapture installs with a script tag and captures screenshots, console logs, browser context, selected element data, and reporter notes for GitHub-ready bug reports.

Quick install

  1. 1

    Add the script tag

    Paste the hosted widget script before the closing body tag or load it through your framework's script helper.

  2. 2

    Connect GitHub

    Use the ContextCapture dashboard to connect the repository where incoming bug reports should become issues.

  3. 3

    Capture a test report

    Open the widget, select the broken element, add a short note, and confirm the GitHub-ready report includes evidence.

Script tag

<script
  src="https://contextcapture.ai/widget.js"
  data-workspace="YOUR_WORKSPACE"
  async
></script>

Replace YOUR_WORKSPACE with the workspace slug from the dashboard. The widget renders in Shadow DOM so customer site CSS does not leak into the capture UI.

Screenshots of the current page state

Included in the report artifact so developers and AI coding agents can inspect the issue without asking the reporter for DevTools output.

Last 50 console entries and uncaught errors

Included in the report artifact so developers and AI coding agents can inspect the issue without asking the reporter for DevTools output.

Browser, OS, viewport, URL, and selected element context

Included in the report artifact so developers and AI coding agents can inspect the issue without asking the reporter for DevTools output.