How it works
Connect AIMirror, add product context only where it helps, then use prioritised insights to see where the experience is breaking down.
Connect your site
Choose the one-line loader for the quickest start, or use the package SDK.
Add context where it matters
AIMirror can infer likely journey stages automatically. Add explicit markers only when you want the analysis to understand your product's own names and intent.
data-funnel-step+data-funnel-step-idName an important funnel stage precisely.data-aim-taskDescribe the task a control is helping the user complete.data-aim-intentExplain the intended outcome of an important interaction.
Read the prioritised insights
The Insight Engine turns observed patterns into UX findings and ranks them by impact so you can decide what to investigate or repair first.
Engagement Simulation
Try the controls below. They generate interaction signals like those AIMirror observes in an instrumented product, showing the path from behaviour to analysis.
Clicks
0
Scrolls
0
Recent activity
- Start interacting with the page to see live events here.
Live Insights
See the current insight feed for aimirror.dev: identified UX problems, their relative importance, and the information available to help repair them.
These are live insights for aimirror.dev.
AIMirror uses its own site as a continuing self-review target.
Project: aimirror.dev
20 of 20 insights
- /dashboard navigation Behaviour AnalysisMEDIUM IMPACTConfidence 70%What AIMirror noticed
Multiple state transitions were observed, indicating potential navigation path exploration.
What to tryEnsure navigation paths are clear and intuitive to reduce unnecessary exploration.
- dashboard navigation Behaviour AnalysisMEDIUM IMPACTConfidence 70%What AIMirror noticed
High frequency of state transitions between 'interface' and 'sessions' states without significant interaction.
What to tryEvaluate the purpose and content of these states to ensure they are distinct and necessary, potentially reducing unnecessary transitions.
- dashboard engagement Behaviour AnalysisMEDIUM IMPACTConfidence 90%What AIMirror noticed
A session exhibited rage clicking with a friction score of 70, indicating user frustration.
What to tryInvestigate the elements that were rage-clicked to identify potential usability issues or misleading affordances.
Fix ReadyProposed Fix
Rage clicking indicates users are repeatedly clicking on a page element, suggesting it's unresponsive or confusing. Improving feedback, accessibility, and interactivity can reduce frustration.
HTML
<button type="button" id="actionBtn" class="interactive-btn" aria-label="Submit Request">Submit</button>CSS
.interactive-btn { cursor: pointer; transition: background 0.2s; } .interactive-btn:active { background: #f0f0f0; }ARIA
Added aria-label to describe button action for assistive technologies.Replace or enhance the unresponsive element with a clearly styled, accessible interactive component. Ensure the action provides immediate feedback to users.
- dashboard navigation Behaviour AnalysisMEDIUM IMPACTConfidence 70%What AIMirror noticed
There is a frequent transition from 'sessions' to 'overview' triggered by mutations, which might indicate a mismatch between user expectations and interface affordances.
What to tryReview the interface elements that trigger transitions from 'sessions' to 'overview' to ensure they align with user expectations.
- /dashboard/projects/5b6d38f6-7fe9-400d-be84-1a0e9e78ed2b/insights navigation Behaviour AnalysisMEDIUM IMPACTConfidence 75%What AIMirror noticed
Users often navigate from the 'insights' state to the 'interface' state, suggesting a potential need for more integrated insights.
What to tryIntegrate insights more directly into the interface state to reduce navigation steps and enhance user experience.
- dashboard navigation Behaviour AnalysisLOW IMPACTConfidence 70%What AIMirror noticed
The session involved a single interface state transition without further interaction, suggesting a potential navigation issue.
What to tryReview the navigation paths and ensure that users can easily find and access the information or features they need.
- dashboard engagement Behaviour AnalysisMEDIUM IMPACTConfidence 80%What AIMirror noticed
A session exhibited hesitation with an engagement score of 3 and a friction score of 30, indicating potential user uncertainty or difficulty.
What to tryInvestigate the specific elements or interactions on the dashboard that may be causing user hesitation and consider simplifying or clarifying those areas.
- /features navigation Behaviour AnalysisMEDIUM IMPACTConfidence 70%What AIMirror noticed
The features page was accessed directly from an initial state, suggesting it may be a common entry point.
What to tryEnsure the features page provides a clear introduction and navigation options to guide new visitors.
- careers content Behaviour AnalysisLOW IMPACTConfidence 90%What AIMirror noticed
The 'Careers' page indicates 'No open roles at the moment', which might lead to user disappointment if they are looking for opportunities.
What to tryConsider providing additional content such as company culture, future opportunities, or a way to submit resumes for future consideration.
- dashboard navigation Behaviour AnalysisMEDIUM IMPACTConfidence 70%What AIMirror noticed
There is a lack of interface state transitions, with only one observed transition in session 92ef367f-1e95-479b-84e0-ebc45bad4e98.
What to tryInvestigate potential barriers or unclear navigation paths that might prevent users from transitioning between states.
- Insights engagement Behaviour AnalysisHIGH IMPACTConfidence 80%What AIMirror noticed
Users experienced high friction on the Insights page, evidenced by a friction score of 40 and repeated clicks on elements.
What to tryInvestigate the elements on the Insights page that are causing user frustration and consider simplifying interactions or improving feedback.
- /dashboard/projects/17e05ca9-4a19-4954-937f-8fa36079e35a/overview engagement Behaviour AnalysisMEDIUM IMPACTConfidence 70%What AIMirror noticed
Users exhibit hesitation on the dashboard overview page with an average pause time of over 5 seconds.
What to tryConsider simplifying the dashboard layout or providing tooltips to guide users through the interface.
- dashboard-overview engagement Behaviour AnalysisHIGH IMPACTConfidence 70%What AIMirror noticed
Users exhibit hesitation on the dashboard overview page with high average pause times and pointer stops.
What to tryInvestigate potential causes of hesitation on the overview page and consider simplifying or clarifying the interface.
- homepage engagement Behaviour AnalysisMEDIUM IMPACTConfidence 80%What AIMirror noticed
A session on the homepage resulted in an instant bounce with no meaningful interactions.
What to tryConsider enhancing the initial visual appeal or content engagement on the homepage to capture user interest quickly.
- dashboard engagement Behaviour AnalysisMEDIUM IMPACTConfidence 70%What AIMirror noticed
Sessions on the dashboard exhibit high friction scores, indicating potential usability issues.
What to tryConduct usability testing to identify specific elements causing friction and optimize the user flow to reduce unnecessary interactions.
- Dashboard Insights accessibility Behaviour AnalysisHIGH IMPACTConfidence 80%What AIMirror noticed
Links on the Insights page have insufficient color contrast with the surrounding text, failing to meet the minimum contrast ratio.
What to tryAdjust the color contrast of links to meet the minimum contrast ratio of 3:1 with surrounding text.
Fix ReadyProposed Fix
Links must have sufficient color contrast relative to their surrounding text and background to ensure readability, especially for users with low vision or color blindness. The minimum contrast ratio required by WCAG 2.1 AA is 4.5:1 for normal text.
HTML
<a href="#" style="color: #005fcc;">Your Link Text</a>CSS
a { color: #005fcc; }Ensure the new link color (#005fcc) provides at least a 4.5:1 contrast ratio against the background and the surrounding text. Test the specific color values of your page for compliance.
- AIMirror โ AI-Powered UX Analytics that Understands Your Users ยท /terms accessibility Interface Map repairedHIGH IMPACTConfidence 100%What AIMirror noticed
Links must be distinguishable without relying on color
What to tryFix any of the following: The link has insufficient color contrast of 1.35:1 with the surrounding text. (Minimum contrast is 3:1, link text: #2563eb, surrounding text: #595959) The link has no styling (such as underline) to distinguish it from the surrounding text
- AIMirror โ AI-Powered UX Analytics that Understands Your Users ยท /privacy accessibility Interface Map repairedHIGH IMPACTConfidence 100%What AIMirror noticed
Links must be distinguishable without relying on color
What to tryFix any of the following: The link has insufficient color contrast of 1.35:1 with the surrounding text. (Minimum contrast is 3:1, link text: #2563eb, surrounding text: #595959) The link has no styling (such as underline) to distinguish it from the surrounding text
- AIMirror โ AI-Powered UX Analytics that Understands Your Users ยท /pricing accessibility Interface Map repairedHIGH IMPACTConfidence 100%What AIMirror noticed
Elements must meet minimum color contrast ratio thresholds
What to tryFix any of the following: Element has insufficient color contrast of 4.16 (foreground color: #2563eb, background color: #dfe7f9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
Fix ReadyProposed Fix
The <th> element's text and background colors do not meet the minimum WCAG contrast ratio (4.5:1 for normal text), which is essential for text readability, especially for visually impaired users.
HTML
<th class="svelte-1hrotn9">Pro</th>CSS
.svelte-1hrotn9 { color: #222222; background: #ffffff; }Ensure the color (#222222 for text and #ffffff for background) provides at least a 7:1 contrast ratio, suitable for AAA compliance. Adjust colors as necessary to fit your site's palette.
- AIMirror โ AI-Powered UX Analytics that Understands Your Users ยท /cookies accessibility Interface Map repairedHIGH IMPACTConfidence 100%What AIMirror noticed
Links must be distinguishable without relying on color
What to tryFix any of the following: The link has insufficient color contrast of 1.35:1 with the surrounding text. (Minimum contrast is 3:1, link text: #2563eb, surrounding text: #595959) The link has no styling (such as underline) to distinguish it from the surrounding text