gestalt-similarity

What problem does it solve?

This Skill helps you prevent users from misreading your interface by making perceptual grouping match how items relate in meaning, not just where they appear.

Core Features & Use Cases

• Similarity-based grouping: Style elements with shared attributes (color, shape, size, orientation) so users perceive them as belonging together, even when spacing is inconsistent.
• Similarity vs. contrast: Use deliberate differences to distinguish roles (e.g., primary vs. secondary actions, status states) while keeping like-for-like consistent.
• Fixes common UI failures: Reduces missed related items, fragmented lists, and ambiguous statuses caused by inconsistent visual treatment.

Quick Start

Apply the same color, shape, and sizing conventions across items that represent the same category or role, and ensure functionally different roles use clear contrasting styling.