What is QA Note? — QA Note Docs

Introducing QA Note

QA Note is an issue tracking platform that connects QA teams and development teams. With our Chrome Extension, you can report bugs the moment you find them, complete with screenshots, console logs, network requests, and other technical context.

Key Features

Screenshot & Annotation — Capture the screen and pinpoint exact locations using 10 tools including arrows, boxes, number markers, and blur.
Session Replay — Record the bug reproduction process so developers can understand the exact context. Supports up to 60-second manual recording and Instant Replay that automatically buffers the last 2 minutes.
Automatic Metadata Collection — Automatically captures console logs, network requests/responses, JS errors, Web Vitals performance metrics, and React component trees.
Feedback Widget — An embeddable widget for collecting bug reports from external users. Supports screenshot capture and annotation.
Bidirectional GitHub Sync — Issues, statuses, comments, and labels sync in real-time with GitHub. GitHub Projects v2 is also supported.
Slack Notifications — Key events like issue creation, status changes, and new comments are delivered to your Slack channel.
AI Fix · Auto PR — Claude Code drives the fix — PR, Preview, and Production merge. Tokens run on your Claude Code subscription. Learn more
MCP One-shot Resolve — Paste one issue link — screenshot, console, network, and React tree unfold at once. MCP guide
Vercel Preview Auto-tracking — PR Preview deploy success/failure is auto-attached to the issue. Vercel integration

Who is it for?

Role	How to Use
QA Engineers	Create bug reports directly from the browser with technical information automatically attached.
Developers	Receive detailed technical context including console logs, network requests, and performance metrics to quickly identify root causes.
PMs / Designers	Communicate issues intuitively through screenshot annotations and session replays.
External Testers	Report bugs through the feedback widget without needing to log in.

Key Features

Screenshot & Annotation — Capture the screen and pinpoint exact locations using 10 tools including arrows, boxes, number markers, and blur.

Session Replay — Record the bug reproduction process so developers can understand the exact context. Supports up to 60-second manual recording and Instant Replay that automatically buffers the last 2 minutes.

Automatic Metadata Collection — Automatically captures console logs, network requests/responses, JS errors, Web Vitals performance metrics, and React component trees.

Feedback Widget — An embeddable widget for collecting bug reports from external users. Supports screenshot capture and annotation.

Bidirectional GitHub Sync — Issues, statuses, comments, and labels sync in real-time with GitHub. GitHub Projects v2 is also supported.

Slack Notifications — Key events like issue creation, status changes, and new comments are delivered to your Slack channel.

AI Fix · Auto PR — Claude Code drives the fix — PR, Preview, and Production merge. Tokens run on your Claude Code subscription. Learn more

MCP One-shot Resolve — Paste one issue link — screenshot, console, network, and React tree unfold at once. MCP guide

Vercel Preview Auto-tracking — PR Preview deploy success/failure is auto-attached to the issue. Vercel integration

Who is it for?

Role	How to Use
QA Engineers	Create bug reports directly from the browser with technical information automatically attached.
Developers	Receive detailed technical context including console logs, network requests, and performance metrics to quickly identify root causes.
PMs / Designers	Communicate issues intuitively through screenshot annotations and session replays.
External Testers	Report bugs through the feedback widget without needing to log in.