UI Ticket FAQs

Question 1

What is UI Ticket?

Accepted Answer

UI Ticket is a development tool that creates a bridge for human-to-AI code review. It enables users to annotate UI prototypes directly in the browser, providing feedback that AI agents can automatically read and use to fix the underlying code.

Question 2

How does UI Ticket help AI agents fix code?

Accepted Answer

When you annotate a UI element, UI Ticket captures rich metadata like its CSS selector, DOM path, bounding box, computed styles, and accessibility information. This detailed context is then provided to AI agents via the MCP protocol, allowing them to precisely locate and understand the issue to make accurate code changes.

Question 3

Is UI Ticket compatible with popular JavaScript frameworks?

Accepted Answer

Yes, UI Ticket is framework-agnostic. Its browser UI is implemented as a standard Web Component (`<review-panel>`) and can be seamlessly integrated into applications built with Angular, React, Vue, Svelte, or plain HTML without any build steps or specific framework dependencies.

Question 4

Where is the review data stored?

Accepted Answer

All review data, including comments, annotations, and statuses, is stored locally in a SQLite database (`.reviews/reviews.db`) within your project directory. The system uses a single Python process for both the MCP protocol and the local REST API.

Question 5

How do I start reviewing my UI with UI Ticket?

Accepted Answer

After connecting UI Ticket to your AI agent and embedding the `review-panel` Web Component in your app, simply open your application in the browser. You can click the floating chat button or press `Alt+A` to enter annotation mode, then click on any UI element to add your feedback.

UI Ticket

UI Ticket

Key Features

Use Cases

Key Features

Use Cases