What problem does it solve? UI feedback often stalls on raw pixel values and personal taste, producing one-off fixes that drift out of sync. This Skill gives designers, engineers, and AI agents a shared design vocabulary so any visual surface can be evaluated against named values, principles, and concrete mechanics instead of ad-hoc opinions. ## Core Features & Use Cases - Three-layer reasoning framework: Translate a vague "this feels off" observation into a named value (Calm, Focused, Consistent, Delightful), the principle it breaks, and the move that fixes it. - Concrete design moves: Reference elevation tiers (4/6/8px corner radii), the spacing ramp, type roles with two weights, 16/12px icon sizes, one-stroke borders, theme tokens, and reveal-on-intent behaviors. - Feedback phrasebook: Convert pixel-level complaints ("make this 14px") into principled statements ("this should use the label1 type role") so fixes land everywhere, not just in one spot. - Use Case: When reviewing a busy settings panel, identify that it breaks "Quiet at rest" and "One thing leads", then demote secondary text to a quieter type role and reveal borders only on hover. ## Quick Start Review this dialog screenshot using the design philosophy and tell me which principles it breaks and what moves would fix it.
