Analyze UI screenshots with cognitive science rules
Predictive eye tracking heatmap generator
Analyze UI screenshots with cognitive science rules. Simulate user eye movements based on NN g research, Gestalt principles, and cognitive load theory.
Overview
Analyze UI screenshots with cognitive science rules. Simulate user eye movements based on NN g research, Gestalt principles, and cognitive load theory. Generate a visual heatmap overlay showing attention intensity. Red zones mark instant focus areas like faces and primary actions. Warm zones show secondary scanning paths. Cold zones reveal ignored regions. Output focuses only on a scientifically grounded heatmap image. (PS: This prompt works on Gemini)
The prompt
| 1 | { |
| 2 | "system_configuration": { |
| 3 | "role": "Senior UX Researcher & Cognitive Science Specialist", |
| 4 | "simulation_mode": "Predictive Visual Attention Modeling (Eye-Tracking Simulation)", |
| 5 | "reference_authority": ["Nielsen Norman Group (NN/g)", "Cognitive Load Theory", "Gestalt Principles"] |
| 6 | }, |
| 7 | "task_instructions": { |
| 8 | "input": "Analyze the provided UI screenshots of web/mobile applications.", |
| 9 | "process": "Simulate user eye movements based on established cognitive science principles, aiming for 85-90% predictive accuracy compared to real human data.", |
| 10 | "critical_constraint": "The primary output MUST be a generated IMAGE representing a thermal heatmap overlay. Do not provide random drawings; base visual intensity strictly on the defined scientific rules." |
| 11 | }, |
| 12 | "scientific_rules_engine": [ |
| 13 | { |
| 14 | "principle": "1. Biological Priority", |
| 15 | "directive": "Identify human faces or eyes. These areas receive immediate, highest-intensity focus (hottest red zones within milliseconds)." |
| 16 | }, |
| 17 | { |
| 18 | "principle": "2. Von Restorff Effect (Isolation Paradigm)", |
| 19 | "directive": "Identify elements with high contrast or unique visual weight (e.g., primary CTAs like a 'Create' button). These must be marked as high-priority fixation points." |
| 20 | }, |
| 21 | { |
| 22 | "principle": "3. F-Pattern Scanning Gravity", |
| 23 | "directive": "Apply a default top-left to bottom-right reading gravity biased towards the left margin, typical for western text scanning." |
| 24 | }, |
| 25 | { |
| 26 | "principle": "4. Goal-Directed Affordance Seeking", |
| 27 | "directive": "Highlight areas perceived as actionable (buttons, inputs, navigation links) where the brain expects interactivity." |
| 28 | } |
| 29 | ], |
| 30 | "output_visualization_specs": { |
| 31 | "format": "IMAGE_GENERATION (Heatmap Overlay)", |
| 32 | "style_guide": { |
| 33 | "base_layer": "Original UI Screenshot (semi-transparent)", |
| 34 | "overlay_layer": "Thermal Heatmap", |
| 35 | "color_coding": { |
| 36 | "Red (Hot)": "Areas of intense fixation and dwell time.", |
| 37 | "Yellow/Orange (Warm)": "Areas scanned but with less dwell time.", |
| 38 | "Blue/Transparent (Cold)": "Areas likely ignored or seen only peripherally." |
| 39 | } |
| 40 | } |
| 41 | } |
| 42 | } |
Connects with Agent Alley MCP · agentalley.io/mcp
Details
- Updated
- Sep 9, 2026
- License
- CC0-1.0
- Source
- prompts.chat ↗
- Creator
- Ilker Ulusoy · 6 listings
Similar prompts
See all →
SkillExtract text, tables, metadataXberg Document Extraction
xberg-io/xberg · by xberg-ioExtract text, tables, metadata, and images from 107 document formats (PDF, Office, images, HTML, email, archives, academic) using Xberg. Use when writing code that calls Xberg APIs in Python, Node.js/TypeScript, Rust, or CLI. Covers installation, extraction (sync/async), configuration (OCR, chunking, output format), batch processing, error handling, and plugins.★ 9.4k GitHub stars
SkillMove code from one implementation to another functionCode migration
kucherenko/jscpd · by kucherenkoMove code from one implementation to another function by function, tests first and code second, and check two implementations of one app for parity, with jscpd --compare as the progress measure and a coverage map binding each function to its tests. Use when porting a library or app to another language or framework (Java to Kotlin, JavaScript to Rust, a Python library to TypeScript, an iOS app to Android), when asked what is left to port, or when comparing the Android and iOS versions of an app.★ 6.3k GitHub stars
SkillManages Ahrefs API usage in Python using ahrefs-python
OpenClaudia/openclaudia-skills · by OpenClaudiaManages Ahrefs API usage in Python using `ahrefs-python` library. Use when working with SEO / marketing related tasks or with data including backlinks, keywords, domain ratings, organic traffic, site audits, rank tracking, and brand monitoring. Covers `ahrefs-python` usage including AhrefsClient / AsyncAhrefsClient, typed request/response models, error handling, and all API sections.★ 705 GitHub stars
MCPDocx LLM translatoradeu
dealfluence/adeu · by dealfluenceDocx ↔ LLM translator. Projects .docx office files to Markdown for editing. Projects edits back to OOXML as tracked changes (redlines). Python and Node.js implementations.★ 165 GitHub stars
SkillCreate an Amazon-compliant white-background main imageAmazon White-Background Main Image · 亚马逊白底主图
xianyu110/ecommerce-image-skills · by xianyu110Create an Amazon-compliant white-background main image (pure #FFFFFF background, product fills ≥85% of the frame, no text, props or watermark) from a product photo with GPT Image 2.5, then verify it with a Python check script. Use for Amazon/Walmart/eBay main images, 白底图, 白底主图, hero image, listing main photo.★ 92 GitHub stars
MCPOfficial monorepo of SDKs, CLISendmux sdk
Sendmux/sendmux-sdk · by SendmuxOfficial monorepo of SDKs, CLI, and MCP servers for Sendmux email APIs across TypeScript, Python, Go, PHP, Rust, and Ruby.★ 65 GitHub starsMore from Ilker Ulusoy
PromptThis prompt assists users in creating a comprehensiveCreate STYLE_GUIDE.md
f/prompts.chat · by Ilker UlusoyThis prompt assists users in creating a comprehensive STYLE_GUIDE.md for their projects. It covers essential sections such as color palette, typography, spacing, and more, ensuring a detailed and consistent style system. Users can also include example component design references.New listing
PromptThis prompt is designed for an elite frontend developmentFrontend developer skillf/prompts.chat · by Ilker UlusoyThis prompt is designed for an elite frontend development specialist. It outlines responsibilities and skills required for building high-performance, responsive, and accessible user interfaces using modern JavaScript frameworks such as React, Vue, Angular, and more. The prompt includes detailed guidelines for component architecture, responsive design, performance optimization, state management, and UI/UX implementation, ensuring the creation of delightful user experiences.New listing
PromptSecond Opinion from Codex and Gemini CLI for Claude Codef/prompts.chat · by Ilker UlusoySecond Opinion from Codex and Gemini CLI for Claude CodeNew listing
PromptGuide to fixing bugs using a test-first approachTest first bug fixing approachf/prompts.chat · by Ilker UlusoyGuide to fixing bugs using a test-first approach, ensuring code reliability through systematic testing and implementation.New listing
PromptGuidelines for efficient Xcode MCP tool usagef/prompts.chat · by Ilker UlusoyGuidelines for efficient Xcode MCP tool usage. This skill should be used to understand when to use Xcode MCP tools vs standard tools. Xcode MCP consumes many tokens - use only for build, test, simulator, preview, and SourceKit diagnostics. Never use for file read/write/grep operations.New listing