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.

Fastest

One-line loader

<script src="https://cdn.aimirror.dev/aimirror.latest.js" data-key="YOUR_PUBLIC_API_KEY" defer></script>

Paste it once. AIMirror can begin collecting the behaviour and interface-state signals available to your plan without extra application code.

Package

SDK

npm install @aimirror/sdk
import { createAIMirror } from '@aimirror/sdk/browser';

const aimirror = createAIMirror({
  apiBaseUrl: 'https://api.aimirror.dev',
  publicKey: 'YOUR_PUBLIC_API_KEY'
});
See installation details โ†’

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-id Name an important funnel stage precisely.
  • data-aim-task Describe the task a control is helping the user complete.
  • data-aim-intent Explain 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.

Clicks Scrolls Hovers Exposure time Interface state
Jump to Live Insights โ†’

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

Interactions appear in real time.
This feed now runs fully client-side.

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

Impact
Category

20 of 20 insights

  • /dashboard navigation Behaviour Analysis
    MEDIUM IMPACT
    Confidence 70%
    What AIMirror noticed

    Multiple state transitions were observed, indicating potential navigation path exploration.

    What to try

    Ensure navigation paths are clear and intuitive to reduce unnecessary exploration.

  • dashboard navigation Behaviour Analysis
    MEDIUM IMPACT
    Confidence 70%
    What AIMirror noticed

    High frequency of state transitions between 'interface' and 'sessions' states without significant interaction.

    What to try

    Evaluate the purpose and content of these states to ensure they are distinct and necessary, potentially reducing unnecessary transitions.

  • dashboard engagement Behaviour Analysis
    MEDIUM IMPACT
    Confidence 90%
    What AIMirror noticed

    A session exhibited rage clicking with a friction score of 70, indicating user frustration.

    What to try

    Investigate the elements that were rage-clicked to identify potential usability issues or misleading affordances.

    Fix Ready

    Proposed 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 Analysis
    MEDIUM IMPACT
    Confidence 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 try

    Review 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 Analysis
    MEDIUM IMPACT
    Confidence 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 try

    Integrate insights more directly into the interface state to reduce navigation steps and enhance user experience.

  • dashboard navigation Behaviour Analysis
    LOW IMPACT
    Confidence 70%
    What AIMirror noticed

    The session involved a single interface state transition without further interaction, suggesting a potential navigation issue.

    What to try

    Review the navigation paths and ensure that users can easily find and access the information or features they need.

  • dashboard engagement Behaviour Analysis
    MEDIUM IMPACT
    Confidence 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 try

    Investigate the specific elements or interactions on the dashboard that may be causing user hesitation and consider simplifying or clarifying those areas.

  • /features navigation Behaviour Analysis
    MEDIUM IMPACT
    Confidence 70%
    What AIMirror noticed

    The features page was accessed directly from an initial state, suggesting it may be a common entry point.

    What to try

    Ensure the features page provides a clear introduction and navigation options to guide new visitors.

  • careers content Behaviour Analysis
    LOW IMPACT
    Confidence 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 try

    Consider providing additional content such as company culture, future opportunities, or a way to submit resumes for future consideration.

  • dashboard navigation Behaviour Analysis
    MEDIUM IMPACT
    Confidence 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 try

    Investigate potential barriers or unclear navigation paths that might prevent users from transitioning between states.

  • Insights engagement Behaviour Analysis
    HIGH IMPACT
    Confidence 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 try

    Investigate 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 Analysis
    MEDIUM IMPACT
    Confidence 70%
    What AIMirror noticed

    Users exhibit hesitation on the dashboard overview page with an average pause time of over 5 seconds.

    What to try

    Consider simplifying the dashboard layout or providing tooltips to guide users through the interface.

  • dashboard-overview engagement Behaviour Analysis
    HIGH IMPACT
    Confidence 70%
    What AIMirror noticed

    Users exhibit hesitation on the dashboard overview page with high average pause times and pointer stops.

    What to try

    Investigate potential causes of hesitation on the overview page and consider simplifying or clarifying the interface.

  • homepage engagement Behaviour Analysis
    MEDIUM IMPACT
    Confidence 80%
    What AIMirror noticed

    A session on the homepage resulted in an instant bounce with no meaningful interactions.

    What to try

    Consider enhancing the initial visual appeal or content engagement on the homepage to capture user interest quickly.

  • dashboard engagement Behaviour Analysis
    MEDIUM IMPACT
    Confidence 70%
    What AIMirror noticed

    Sessions on the dashboard exhibit high friction scores, indicating potential usability issues.

    What to try

    Conduct usability testing to identify specific elements causing friction and optimize the user flow to reduce unnecessary interactions.

  • Dashboard Insights accessibility Behaviour Analysis
    HIGH IMPACT
    Confidence 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 try

    Adjust the color contrast of links to meet the minimum contrast ratio of 3:1 with surrounding text.

    Fix Ready

    Proposed 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 repaired
    HIGH IMPACT
    Confidence 100%
    What AIMirror noticed

    Links must be distinguishable without relying on color

    What to try

    Fix 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 repaired
    HIGH IMPACT
    Confidence 100%
    What AIMirror noticed

    Links must be distinguishable without relying on color

    What to try

    Fix 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 repaired
    HIGH IMPACT
    Confidence 100%
    What AIMirror noticed

    Elements must meet minimum color contrast ratio thresholds

    What to try

    Fix 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 Ready

    Proposed 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 repaired
    HIGH IMPACT
    Confidence 100%
    What AIMirror noticed

    Links must be distinguishable without relying on color

    What to try

    Fix 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