# Product

## Register

product

## Users

Product teams and application users. Users are already inside a web app when they notice a bug, confusing workflow, broken visual state, or missing behavior. Developers and coding agents receive the report later and need enough context to reproduce and triage the issue quickly.

## Product Purpose

`ai-app-feedback` gives Next.js apps an embeddable feedback assistant. It helps users describe what happened, captures recent navigation and browser context, optionally attaches a screenshot, and formats a developer-ready report that can be handed to an issue tracker or coding AI agent.

## Brand Personality

Quiet, precise, trustworthy. The UI should feel like a product tool: compact, familiar, and focused on helping the user send a useful report without interrupting the app.

## Anti-references

Avoid marketing-style widgets, decorative motion, chat bubbles that pretend to be support agents, and feedback forms that ask users to do the developer's work. Avoid collecting sensitive input values or noisy DOM dumps by default.

## Design Principles

- Capture context silently, ask users only for judgment and details.
- Make privacy boundaries explicit, especially around screenshots and interaction history.
- Prefer developer-ready structured reports over free-form message blobs.
- Keep the widget small enough to live in production apps without becoming part of the app's visual identity.
- Make framework integration thin, so core reporting remains portable and testable.

## Accessibility & Inclusion

Target WCAG 2.2 AA for the widget surface. All controls need keyboard access, visible focus, sufficient contrast, reduced-motion-safe transitions, and labels that make sense to screen readers.