Heatmap Interpretation
/heatmap-analysis
Claude Code interprets heatmap data and session recording observations to identify where visitors are confused, where they're not engaging with key content, and what patterns suggest friction. It translates visual data into specific, actionable UX changes.
What this skill does
Identify where click patterns reveal user confusion or unmet expectations on a page
Find scroll depth cutoffs where key content is being missed by most visitors
Analyze rage click and dead click patterns that indicate broken or confusing UX elements
Connect heatmap observations to specific copy or design changes that address the behavior
How to use it
Describe or share your heatmap data
Share screenshots of your Hotjar, Microsoft Clarity, or Mouseflow heatmaps, or describe the key patterns you're observing in session recordings.
Run /heatmap-analysis
Provide the page goal, the intended user flow, and your current conversion rate so Claude Code can contextualize the behavioral data.
Implement the UX changes
Use the interpretation to brief your designer or copywriter on what to change and why.
Example prompts
$Here are screenshots of our landing page heatmaps. Users are clicking the product image instead of the CTA. What does this tell us and what should we change?
$Our heatmap shows 80% of visitors don't scroll past the first fold. The CTA is in section 3. What UX changes should we make?
$We see rage clicks on the pricing section of our homepage. Here's the heatmap screenshot. What's likely causing this and how do we fix it?
Who it's for
CRO specialists using behavioral data to generate hypotheses for A/B tests
UX designers reviewing page performance before starting a redesign
Marketing managers who have heatmap tools but need help interpreting what the patterns mean
Frequently asked questions
What heatmap tools work best with this analysis?
Hotjar, Microsoft Clarity (free), and Mouseflow all export heatmap data in formats Claude Code can work with. Clarity is free and provides heatmaps, session recordings, and click data. Share screenshots or describe the patterns you're seeing.
How many sessions do I need before heatmap data is reliable?
500 to 1,000 sessions per page gives enough data to see clear patterns. Below 500, noise makes interpretation unreliable. If you have high-traffic pages, segment heatmaps by device type since mobile and desktop behavior patterns differ significantly.
What's the difference between a click heatmap and a scroll heatmap?
Click heatmaps show where users are clicking. Scroll heatmaps show how far down the page users scroll before leaving. Both are useful. Claude Code uses click data to find confusion patterns and scroll data to find where key content is being missed.
Skills that pair well
Get the full toolkit
All 50 skills included free with every Command Center kit