TraceBug — QA Bug Reporter

Record bugs, capture screenshots, and generate developer-ready bug reports. No coding required.

TraceBug records user actions, console errors, network calls, and screenshots to generate developer-ready bug reports automatically. THE PROBLEM Testers report "the page is broken" — developers spend hours reproducing the issue, asking for screenshots, checking console errors, and looking for API failures. This back-and-forth wastes 30-60 minutes per bug. THE SOLUTION TraceBug captures everything automatically. One click generates a complete bug report with reproduction steps, errors, logs, and screenshots. FEATURES • Automatic session recording — every click, input, select, form submit, and navigation • Console error capture — console.error(), unhandled promise rejections with full stack traces • Network monitoring — all fetch/XHR requests with URL, method, status, and response time • Screenshot capture — full-page screenshots with annotation tools (highlights, arrows, text) • Voice bug descriptions — describe bugs by speaking instead of typing (Web Speech API, free) • Auto-generated reproduction steps — human-readable steps from recorded events • GitHub Issues — one-click markdown export with formatted steps and error details • Jira Tickets — one-click Jira markup export ready to paste • PDF Reports — print-optimized HTML reports with all session data • Environment auto-detection — browser, OS, viewport, device type, connection • Session timeline — color-coded events with elapsed timestamps • Smart bug titles — auto-generated from error context PRIVACY & SECURITY • Zero backend — all data stays in your browser's localStorage • No servers, no API keys, no external dependencies • Passwords, credit cards, SSNs, and tokens auto-redacted • TraceBug never records its own UI interactions • No analytics or tracking WORKS EVERYWHERE No code changes needed. Enable TraceBug on any website with one click. Compatible with React, Next.js, Vue, Angular, Svelte, Vite, Nuxt, Remix, Astro, and plain HTML. ALSO AVAILABLE AS NPM PACKAGE npm install tracebug-sdk For developers who want to embed TraceBug directly in their apps. OPEN SOURCE https://github.com/prashantsinghmangat/TraceBug-ai Built for developers and QA teams who want faster debugging.