Quickstart: 5-Minute Setup

1. Create Your Project

To start reviewing or auditing a website:

1. Open your Dashboard at https://uidesigner.ai/dashboard.
2. Click New Project in the upper right.
3. Select your desired tool:

• Review Project: For human feedback, bug reports, and design approvals.
• Audit Project: For automated accessibility, performance, and SEO scans.

1. Enter your target URL (e.g., https://staging.yourdomain.com or a local development preview).
2. Choose your default viewport presets (Desktop, Tablet, Mobile).

2. Drop Your First Review Pin

Once the page loads in the interactive review canvas:

1. Press C on your keyboard or select the Comment toggle on the bottom toolbar.
2. Hover over any headline, button, or layout card. You will see an outline snapping to the element bounds.
3. Click on the element to open the comment composer.
4. Type your feedback or use AI Smart Assist to polish your note into a structured ticket.
5. Press Cmd + Enter (or Ctrl + Enter) to post the comment.

3. Review Diagnostic Telemetry

Click on any posted comment thread to view the attached Technical Context:

• Browser user-agent and operating system
• Viewport size and device pixel ratio (Retina detection)
• Network downlink speed and estimated round-trip time (RTT)
• Live JavaScript runtime errors and failed network requests captured at click time

4. Invite Clients & Teammates

Click the Share button in the top toolbar:

• Organization Colleagues: Add registered organization members to collaborate on the project.
• Client Guest Links: Enable public guest review links so clients can view the canvas and leave comments using only their name and email, with zero login friction.