What problem does it solve? Interfaces often fail because everything competes for attention — secondary metadata looks as heavy as primary content, multiple filled buttons fight for clicks, and users cannot tell where to look first. This Skill provides a structured decision framework for diagnosing and fixing visual hierarchy problems so the most important content is visually dominant. ## Core Features & Use Cases - Squint Test Diagnosis: Evaluate whether primary headings, CTAs, and sections stand out when details blur, and identify unintended attention-grabbers. - Four Levers of Visual Weight: Apply size, weight, color/contrast, and position/space adjustments with concrete rules (e.g., two weight steps for clear contrast, de-emphasize before amplifying). - Content Chunking & Progressive Disclosure: Group content into 3-7 item chunks with clear labels, and hide advanced settings, secondary metadata, and rare actions behind reveal triggers. - Scanning Pattern Guidance: Design for F-pattern, Z-pattern, and layer-cake scanning based on content type. - Use Case: A settings page has 8 equally weighted sections and three filled buttons per card. Use this Skill to get a structured review table recommending chunking into 3 categories and demoting secondary actions to text buttons. ## Quick Start Review this settings page for visual hierarchy problems and recommend fixes using the squint test and primary-secondary-tertiary tiers.
