• TRIAGE
  • VISUAL
  • ANALYSIS
  • HUMAN

How to detect UI friction points with your AI

Connect Microsoft Clarity to your agent to start finding where users get stuck. Once connected, your AI handles the heavy lifting of scanning your session data.

Ask AI about this page

Short answer

How can I find UI friction points using my AI?

Your agent pulls rage clicks and dead clicks from Microsoft Clarity to show you exactly where users are struggling. It can also grab session recordings so you can watch the friction happen. You'll get a clear list of broken elements to fix.

Where friction is found.

The outcomes of your analysis.

The AI turns raw click data into a list of specific UI problems.

TRIAGE

Identify frustration

The agent scans for rage clicks and dead clicks. You get a list of the most intense user frustrations.

VISUAL

Watch the struggle

Your AI pulls session recordings for the identified clicks. You see exactly what the user saw when they hit a wall.

ANALYSIS

Pinpoint broken elements

The agent correlates click patterns with specific UI components. This tells you if a button is unresponsive or a link is misleading.

HUMAN

Manual fixes

The AI identifies the problem, but you decide how to rewrite the code or change the layout. This step stays with you.

The workflow

What your AI does when the data arrives.

The AI acts as a bridge between raw Clarity logs and your debugging process.

  1. Scan for frustration

    The agent looks through your site data to find instances where users clicked repeatedly in a short window.

    list_rage_clicks

  2. Find dead ends

    It searches for clicks that resulted in no action or response from the interface.

    list_dead_clicks

  3. Review sessions

    The agent fetches the actual video playback of the user's journey to provide context for the clicks.

    get_recording

  4. Summarize findings

    The agent compiles the identified clicks and recordings into a report of broken UI elements.

    list_rage_clickslist_dead_clicks

Try it

Copy these to start.

Use these prompts to kick off the analysis.

Starting points

These are opening lines. Swap out the specific site or element names to match your project.

Microsoft Clarity Connector

You're all set. Choose your MCP client and follow the setup instructions.

Connector linkhttps://edge.vinkius.com/vk_preview_sVqaeV2G2yXZXmuRhG75NoVrnKtQcsjcTszgfU4b/mcp

Claude Desktop

Follow the steps below to connect in seconds.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — Microsoft Clarity capabilities are ready to use.
Configuration · claude_desktop_config.jsonCopy
{
  "mcpServers": {
    "microsoft-clarity-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_sVqaeV2G2yXZXmuRhG75NoVrnKtQcsjcTszgfU4b/mcp"
    }
  }
}
Copy into chat04

  • List all the rage clicks on my homepage from the last 24 hours.

  • Find the dead clicks occurring on the checkout button.

  • Get the recording for the most recent rage click on the navigation menu.

  • Analyze the dead clicks on the pricing page and tell me which elements are broken.

  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Start here

Connect Microsoft Clarity once, then ask.

One connection gives your agent access to your Clarity data. Your credentials stay encrypted and secure.

Connect Microsoft Clarity to your AI

FAQ

How this task behaves.

  • 01

    Can the AI fix the broken buttons itself?

    No. The AI identifies the friction points and provides the context, but you must manually apply the code changes to your website.

  • 02

    Can the AI delete my Clarity recordings?

    No. The tools only allow the AI to read and list data. It cannot delete or modify your Microsoft Clarity data.

  • 03

    Does the AI need my login password?

    No. You connect via Vinkius, which manages the connection securely so your agent can access the data without you sharing passwords in chat.

  • 04

    Can it find heatmaps?

    No. The current tools are limited to rage clicks, dead clicks, and session recordings.

  • 05

    How does it know which recording to watch?

    The agent uses the click data to identify the specific session ID, then uses that ID to pull the correct recording.

  • More questions about Microsoft Clarity? See everything the Microsoft Clarity Connector can do

Connect Microsoft Clarity to Claude, Cursor, ChatGPT & more