メニュー
Analyze user interaction heatmaps for attention patterns and click behavior
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/a5c-ai/babysitter --skill heatmap-analysisコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
SOC 職業分類に基づく
| name | heatmap-analysis |
| description | Analyze user interaction heatmaps for attention patterns and click behavior |
| allowed-tools | ["Read","Write","Edit","Bash","Glob","Grep","WebFetch"] |
| graph | {"domains":["domain:web-development"],"specializations":["specialization:ux-ui-design"],"skillAreas":["skill-area:user-research","skill-area:data-analysis"],"roles":["role:ux-researcher","role:product-analyst"],"workflows":["workflow:user-feedback-loop","workflow:product-discovery"]} |
Analyze user interaction heatmaps to identify attention patterns, click concentrations, and scroll depth insights for UX optimization.
{
"type"
{
"type": "object",
"properties": {
"hotspots": {
"type": "array",
"description": "High-engagement areas"
},
"coldZones": {
"type": "array",
"description": "Low-engagement areas"
},
"scrollDepth": {
"type": "object",
"description": "Scroll depth percentiles"
},
"clickPatterns": {
"type": "array",
"description": "Click concentration analysis"
},
"recommendations": {
"type": "array",
"description": "UX improvement recommendations"
},
"visualizationPath": {
"type": "string",
"description": "Path to generated visualization"
}
}
}
const result = await skill.execute({
dataSource: 'hotjar',
heatmapType: 'click',
dataPath: './heatmap-export.json',
pageUrl: 'https://example.com/landing',
thresholds: { hotspot: 0.7, coldZone: 0.1 }
});