BugPort combines plugin capture, widget reporting, and dashboard triage in one workflow.Read docs

Bug reporting for fast-moving teams

Capture bugs. Send context to AI.

BugPort turns screenshots, annotations, logs, network requests, and device details into fix-ready reports for Claude, Codex, Copilot, and your team.

Built for AI-coded products, staging apps, QA teams, and fast-moving product teams. Need the widget? Install `@bugport.ai/widget`.

1 GB free planUnlimited team membersPlugin, widget, and dashboard

Product walkthrough

Capture from the browser your team already uses.

Internal testers, founders, PMs, and developers can report bugs on any site with annotations, console logs, network requests, and project selection built in.

Problem

Bug reports are broken.

Fast teams do not need more screenshots. They need shared context that explains the bug before someone starts reproducing it.

Screenshots without context

A screenshot helps, but it still leaves developers asking for the browser, URL, console error, network request, and what actually happened.

Feedback scattered everywhere

Bugs arrive through Slack, WhatsApp, Loom, email, Notion, screenshots, and random DMs instead of one shared workflow.

AI-built apps move too fast

Teams shipping with AI tools create product surface area faster than traditional QA handoff processes can keep up with.

Developers lose time reproducing

Too much debugging time is spent reconstructing the environment instead of fixing the underlying issue.

Auto-fix

Report a bug. Get a pull request.

Click Auto-fix and an agent fixes the bug on your own GitHub Actions or GitLab CI — then opens a pull request, or auto-merges safe UI and translation fixes. Zero load on BugPort's servers.

  1. 1Bug reportedScreenshot, console and network are captured automatically.
  2. 2Classified by ClaudeUI, copy and translation fixes auto-merge. Logic fixes open a PR.
  3. 3Fixed on your CIThe agent edits the code and runs your tests on GitHub Actions or GitLab CI.
  4. 4PR opened or mergedYou get a reviewable pull request — or a hands-off merge for safe fixes.
fix/bugport-1043Working

fix: pass currency to charge() on checkout #128

bugport-bot wants to merge 1 commit+3 −1
app/payment.py- charge(total)+ charge(total, currency)
  • Classified · logic
  • Edited app/payment.py
  • Ran tests · passed
All checks passed
Merged automatically
ClaudeCodexCopilotCursorMCPGitHubJiraLinear

Runs on your GitHub Actions or GitLab CI — $0 on BugPort's servers. Safe UI, copy & translation fixes auto-merge; everything else opens a pull request for review.

Product

Three ways to capture bugs. One place to fix them.

Use the right capture entry point for the job, then route everything into a shared dashboard your team can actually work from.

Browser plugin

Capture bugs on any site without code changes.

Built for internal teams and QA. Install the Chrome extension and capture screenshots, annotations, console logs, and network requests on any website.

  • Works on any website, staging branch, or production app
  • Capture screenshots with numbered annotations
  • Collect console logs and network requests
  • Select workspace and project before submitting
Install Chrome extension

Website widget

Let users report bugs from inside your app.

Drop the BugPort widget into staging, beta, or production. Users and testers submit structured bug reports without installing a browser extension.

  • Floating bug report launcher
  • Screenshot and annotation flow built in
  • User metadata and environment context
  • Public project keys with origin allowlists
View widget install

Dashboard

Triage bugs with full context attached.

Every submission lands in a shared dashboard. Inspect screenshots, logs, network activity, metadata, comments, and track status.

  • Bug detail pages with fix-ready context
  • Comments, status, severity, and assignee workflow
  • Shareable reports for teams and AI coding agents
  • Workspace and project organization
Open dashboard

Context

Every report carries the full story.

Every bug submission includes the visual, the note, the page, the browser, the logs, the network activity, and the workflow detail. No more chasing missing information.

  • VisualScreenshot, annotations, and an optional screen recording.
  • EnvironmentBrowser, OS, viewport, device, and locale.
  • ConsoleErrors and warnings with full stack traces.
  • NetworkRequests, status codes, payloads, and timings.
  • ReproductionSteps, the user's note, and the exact page URL.
  • WorkflowProject, priority, severity, assignee, and status.
BUG-1024OpenCritical

Submit button unresponsive on pricing page

app.example.com/pricing
Submit1
Submit does nothing on click

“The submit button doesn't respond when clicked on the pricing page. Tried Chrome and Firefox.”

Environment
Chrome 125macOS 15.21440 × 900
Console
TypeError: Cannot read property 'submit' of nullReact: invalid prop type for 'onClick'
Network
POST/api/checkout500234 ms
GET/api/plans20042 ms

Developer install

Add the widget in minutes.

Install the widget in staging, beta, or production so users and testers can report bugs directly from your product.

Install

npm install @bugport.ai/widget

React example

import { BugPortWidget } from "@bugport.ai/widget";

export function App() {
  return (
    <>
      <YourApp />
      <BugPortWidget
        projectKey="bp_pub_xxxxx"
        environment="staging"
        apiBaseUrl="https://api.bugport.ai/v1"
        user={{
          id: "user_123",
          name: "Jane Doe",
          email: "[email protected]"
        }}
      />
    </>
  );
}

Use cases

Built for teams that ship fast.

BugPort is useful when products move quickly, feedback comes from many places, and debugging needs context instead of guesswork.

AI builders

Turn vague feedback from AI-built apps into structured debugging context your coding agents can use.

Founders

Stop losing bugs in DMs. Capture structured reports from testers and fix issues before launch.

QA teams

Centralize testing feedback with screenshots, annotations, device metadata, and console logs.

Product teams

Give PMs and designers a visual way to report issues without writing technical bug tickets.

Agencies

Let clients report bugs directly from staging without messy email threads or scattered screenshots.

Support teams

Capture the full technical context when users report issues so engineers get fix-ready details on the first handoff.

Integrations

Fits into your debugging workflow.

Start in BugPort's dashboard, then connect the tools your team already uses. Some integrations are live, others are planned or designed for future AI workflows.

GitHubPlanned
GitLabPlanned
JiraPlanned
LinearPlanned
SlackPlanned
WebhooksPlanned
MCPDesigned for
ClaudeAgent-ready
CodexAgent-ready
CopilotAgent-ready
CursorAgent-ready

Ready when your team is

Ready to stop chasing broken bug reports?

Give your team and AI coding tools the context they need to fix issues faster.