Microsoft Clarity Connector for AI agents.
13 live capabilities
Analyze website user behavior and UX friction with behavioral data.
Waiting for input…
Why people use Microsoft Clarity
Microsoft Clarity UX Analysis for Behavioral Data
This Connector lets you skip the manual hunting. You can just ask your agent to find all the dead clicks on the pricing page and get a list of broken elements immediately. You get the insights without the tab-switching.
What Vinkius changes
You get to skip the dashboard clicking and go straight to the insights.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 5,900+ Connectors
- Real-world use case 01
Fixing checkout drop-offs
A growth engineer asks the agent to check for rage clicks on the checkout page.
- Real-world use case 02
Validating blog content
A content manager asks for the scroll depth on the latest post.
- Real-world use case 03
Prioritizing feature work
A product manager asks for the top 5 pages by engagement score to decide which features to highlight next.
Complete set · 13capabilities
The complete Microsoft Clarity capability set.
These are the exact actions your AI can choose when you ask it to work with Microsoft Clarity.
01—04
4 capabilities in this set.
Part of 13 available through Microsoft Clarity.
- 01 Capability
Check clarity status
Check if your connection to Microsoft Clarity is active. This ensures your AI agent can reach the data it needs.
- 02 Capability
Get dashboard
Pull high-level metrics like sessions and engagement scores. Use this to get a quick pulse on your website's performance.
- 03 Capability
Get heatmap
Fetch specific data on where users are clicking and scrolling. It helps you visualize user attention across different pages.
- 04 Capability
Get live insights
See how many people are on your site right now. This provides a real-time look at your current traffic.
05—07
3 capabilities in this set.
Part of 13 available through Microsoft Clarity.
- 05 Capability
Get project
Get the configuration and settings for a specific website. Use this to manage how data is handled for different projects.
- 06 Capability
Get scroll depth
See how far down a page users actually make it. It's the best way to know if your content is actually being seen.
- 07 Capability
List dead clicks
Find elements that users click on but do nothing. This identifies broken buttons or confusing UI elements immediately.
08—10
3 capabilities in this set.
Part of 13 available through Microsoft Clarity.
- 08 Capability
List heatmaps
See a list of all available heatmaps for your projects. Use this to browse through different interaction maps.
- 09 Capability
List projects
List all the websites you're currently tracking. This helps you switch between different projects quickly.
- 10 Capability
List rage clicks
Find where users are clicking repeatedly in frustration. It highlights the most significant friction points on your site.
11—13
3 capabilities in this set.
Part of 13 available through Microsoft Clarity.
- 11 Capability
List recordings
Get a list of all recorded user sessions. Use this to find specific moments in your user data.
- 12 Capability
List top pages
See which pages are getting the most traffic and engagement. This helps you prioritize your design and content efforts.
- 13 Capability
Get recording
Retrieve details about a specific user session recording. This lets you dive into the specifics of a single user's journey.
Set up in minutes
One URL. Then ask Microsoft Clarity to work.
Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use Microsoft Clarity from the conversation.
Choose your client
Live previewAdvanced clients IDE · CLI
Claude · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_sVqaeV2G2yXZXmuRhG75NoVrnKtQcsjcTszgfU4b/mcp - Step 01
Open Connectors
In Claude Web or Claude Desktop, open Settings and choose Connectors.
- Step 02
Add the URL
Choose Add custom connector, name it Microsoft Clarity, and paste the URL above.
- Step 03
Turn it on in chat
Select +, open Connectors, and enable Microsoft Clarity for the conversation.
ChatGPT · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_sVqaeV2G2yXZXmuRhG75NoVrnKtQcsjcTszgfU4b/mcp - Step 01
Open MCP settings
On desktop, open Settings and MCP servers. On web, open your workspace app or connector settings.
- Step 02
Add the URL
Choose Add server with Streamable HTTP, or create a custom MCP app, then paste the Microsoft Clarity URL.
- Step 03
Save and start
Save the connection and enable Microsoft Clarity in your conversation. Desktop may ask you to restart once.
Cursor · IDE configuration
Advanced setup
{
"mcpServers": {
"microsoft-clarity": {
"url": "https://edge.vinkius.com/vk_preview_sVqaeV2G2yXZXmuRhG75NoVrnKtQcsjcTszgfU4b/mcp"
}
}
} - Step 01
Open MCP Settings
Press Cmd+Shift+P (macOS) or Ctrl+Shift+P (Windows/Linux) → search "MCP Settings"
- Step 02
Add the server config
Paste the JSON configuration above into the mcp.json file that opens
- Step 03
Save the file
Cursor will automatically detect the new Connector
- Step 04
Start using Microsoft Clarity
Open Agent mode in chat and ask: "Using Microsoft Clarity, help me...". 13 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"microsoft-clarity": {
"url": "https://edge.vinkius.com/vk_preview_sVqaeV2G2yXZXmuRhG75NoVrnKtQcsjcTszgfU4b/mcp"
}
}
} - Step 01
Create MCP config
Create a .vscode/mcp.json file in your project root
- Step 02
Add the server config
Paste the JSON configuration above
- Step 03
Enable Agent mode
Open GitHub Copilot Chat and switch to Agent mode using the dropdown
- Step 04
Start using Microsoft Clarity
Ask Copilot: "Using Microsoft Clarity, help me...". 13 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"microsoft-clarity": {
"url": "https://edge.vinkius.com/vk_preview_sVqaeV2G2yXZXmuRhG75NoVrnKtQcsjcTszgfU4b/mcp"
}
}
} - Step 01
Open MCP Settings
Go to Settings → MCP Configuration or press Cmd+Shift+P and search "MCP"
- Step 02
Add the server
Paste the JSON configuration above into mcp_config.json
- Step 03
Save and reload
Windsurf will detect the new server automatically
- Step 04
Start using Microsoft Clarity
Open Cascade and ask: "Using Microsoft Clarity, help me...". 13 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"microsoft-clarity": {
"url": "https://edge.vinkius.com/vk_preview_sVqaeV2G2yXZXmuRhG75NoVrnKtQcsjcTszgfU4b/mcp"
}
}
} - Step 01
Open Cline MCP Settings
Click the Connectors icon in the Cline sidebar panel
- Step 02
Add remote server
Click "Add Connector" and paste the configuration above
- Step 03
Enable the server
Toggle the server switch to ON
- Step 04
Start using Microsoft Clarity
Ask Cline: "Using Microsoft Clarity, help me...". 13 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add microsoft-clarity --transport http "https://edge.vinkius.com/vk_preview_sVqaeV2G2yXZXmuRhG75NoVrnKtQcsjcTszgfU4b/mcp" - Step 01
Install Claude Code
Run npm install -g @anthropic-ai/claude-code if not already installed
- Step 02
Add the Connector
Run the command above in your terminal
- Step 03
Verify the connection
Run claude mcp to list connected servers, or type /mcp inside a session
- Step 04
Start using Microsoft Clarity
Ask Claude: "Using Microsoft Clarity, show me...". 13 tools are ready
Where the request belongs
Work Microsoft Clarity can move forward.
UX designers who are tired of guessing why users are stuck, product managers who need to justify feature changes with data, and growth engineers trying to find conversion blockers.
UX Designer
Analyzes click patterns on a Tuesday to find where users are getting lost in a new checkout flow.
Product Manager
Checks scroll depth on a new landing page to see if the content is actually being read.
Growth Engineer
Scans for rage clicks to find broken buttons that are killing the conversion rate on the signup page.
Build the capability set
Add more capabilities.
Each Connector adds new actions and data without changing how you work.
Browse ConnectorsHotjar
Understand your users with heatmaps, session recordings, and feedback surveys that reveal exactly why visitors leave your site.
Howuku
Analyze user behavior via Howuku. track projects, recordings, and heatmaps.
Contentsquare
Manage UX analytics via Contentsquare. track site metrics, list demographic segments, audit URL mappings, and export raw data directly from any AI agent.
Fathom
Privacy-first website analytics. track visitors, monitor real-time traffic, and manage sites and events directly from your AI agent.
Matomo
Track website traffic, analyze visitor behavior, and generate detailed analytics reports directly from your AI agent.
Umami (Privacy Analytics)
Manage your Umami analytics. track events, manage websites, and oversee users directly through your AI agent.
Bring your own AI
Change the model, client or framework. Keep Microsoft Clarity connected.
-
Claude -
ChatGPT -
Gemini -
Cursor -
VS Code -
Windsurf -
ZCode -
Cline -
Zed -
Continue -
Kiro -
Roo Code -
Zencoder -
Goose -
Void -
Augment Code -
Amp -
Qodo -
Tabnine -
Pieces -
Sourcegraph Cody -
JetBrains -
Warp -
Amazon Q -
Antigravity -
BoltAI -
Raycast -
Jan -
LM Studio -
AnythingLLM -
Open WebUI -
Msty -
Cherry Studio -
LibreChat -
TypingMind -
Chorus -
5ire -
n8n -
LangChain -
LlamaIndex -
CrewAI -
Vercel AI SDK
Before you connect
Questions about Microsoft Clarity.
The practical details behind the request, access and result.
Can Microsoft Clarity MCP show me where users are clicking?
Yes, it pulls heatmap data that shows exactly where users are clicking and scrolling. This helps you visualize attention patterns across your entire site.
How do I find out why my users are frustrated?
You can ask your agent to find rage clicks. This will highlight specific elements where users are clicking repeatedly in frustration, helping you find UI bugs.
Can I see actual user sessions with this?
Yes, you can list and retrieve details about specific session recordings. This lets you review the actual journey a user took through your site.
Does this help with identifying broken buttons?
Yes, it specifically lists dead clicks. These are elements that users click on but do nothing, making it easy to find broken links or buttons.
How does this help with content strategy?
It provides scroll depth data. You can see how far down a page users actually go, which helps you determine if your content is being read or if people are dropping off early.
Can I see which pages are performing best?
Yes, you can ask for a list of top pages. This shows you which pages have the highest session counts and engagement scores so you can prioritize your efforts.
Can I detect UX friction points like dead clicks and rage clicks?
Yes! Use list_dead_clicks to find page elements where users click without any response. signaling non-interactive elements that look clickable. Use list_rage_clicks to detect pages where users repeatedly click in frustration, indicating broken buttons, slow-loading elements, or confusing UI patterns.
Can I analyze how far users scroll on each page?
Yes. The get_scroll_depth capability returns scroll metrics for each page in your project, showing the percentage of users who reach each content section. This identifies exactly where engagement drops off. essential for optimizing content placement and CTA positioning.
Can I view real-time analytics while users are on my site?
Yes. The get_live_insights capability provides real-time data for any project, including active user count, current page views, and live engagement metrics. For historical aggregates, use get_dashboard to access sessions, pages per session, and engagement scores over time.
One connection away
Give your agent a direct line to Microsoft Clarity.
Connect Microsoft Clarity once. Keep it beside 5,900+ managed Connectors when the next task needs more.
Explore every Connector No credit card required · Free tier available