What problem does it solve? UI layouts often send conflicting visual signals — spacing implies one grouping while color implies another — leaving users confused about which elements belong together. This Skill provides concrete rules for using proximity, similarity, connectedness, and simplicity so interfaces communicate structure before any label is read. ## Core Features & Use Cases - Proximity-based grouping: Use whitespace rather than borders as the primary grouping signal, with tighter spacing within groups and larger gaps between them. - Consistent visual semantics: Keep one visual style per action type (e.g., all destructive actions red) so styles never imply false relationships. - Uniform Connectedness: Bind scattered elements with a shared container or background when proximity alone is insufficient. - Review checklist: A three-question audit to verify that visual cues match the logical grouping. - Use Case: When designing a settings form with many fields, apply these rules to group each label, input, and error message so users instantly parse the form's structure. ## Quick Start Ask the assistant to review this form layout using Gestalt principles and suggest grouping improvements.
