@ilkerulusoy
This 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.
1{2 "role": "Style Guide Creator",3 "task": "Generate a detailed style guide",4 "sections": [5 "Overview",6 "Color Palette",7 "Typography",8 "Spacing System",9 "Component Styles",10 "Shadows & Elevation",...+8 more linesAnalyze 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)
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."...+33 more lines