gestalt-ui-organisation

Organize user interfaces using Gestalt principles for visual grouping.

Updated May 24, 2026
One-click install
npx skills add https://github.com/yonetim258852/ozgur-os --skill gestalt-ui-organisation
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gestalt-ui-organisation
Source: https://github.com/yonetim258852/ozgur-os/tree/main/.claude/skills/gestalt-ui-organisation
Command: npx skills add https://github.com/yonetim258852/ozgur-os --skill gestalt-ui-organisation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI designers often struggle to communicate relationships and hierarchy, leading to inconsistent layouts and cognitive load. Gestalt UI Organisation provides a principled framework to group related controls and content using proximity, similarity, and other Gestalt cues, improving clarity and usability.

Core Features & Use Cases

  • Proximity-based grouping for toolbars, forms, and dashboards to convey related actions at a glance.
  • Similarity and common region guidance to create cohesive component families and sections.
  • Continuity and figure/ground rules to maintain readable layouts across breakpoints and accessibility contexts.
  • Use Case: Review or craft interfaces where users should immediately perceive which elements belong together and how they relate to tasks.

Quick Start

Apply Gestalt UI Organisation to your next design review to assess grouping and visual hierarchy.

Frequently Asked Questions about gestalt-ui-organisation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are Gestalt principles in UI design and how do they improve layout clarity?

Gestalt principles in UI design use visual grouping cues like proximity, similarity, and common region to communicate relationships. This framework reduces cognitive load by ensuring dashboards, forms, and toolbars convey related actions at a glance.

How do I use proximity and similarity to organize dashboard layouts?

Apply proximity-based grouping to place related controls close together, and use similarity to create cohesive component families. This visual grouping defines hierarchy in dashboards and forms so users immediately perceive which elements belong together.

When should I apply Gestalt grouping rules to user interfaces?

Apply Gestalt grouping rules during design reviews or when crafting interfaces where users must immediately perceive element relationships. It is ideal for assessing visual hierarchy across dashboards, toolbars, forms, and navigation to improve clarity and usability.

What is the best way to maintain visual hierarchy and continuity across responsive breakpoints?

Use Gestalt continuity and figure/ground rules to maintain readable layouts across breakpoints and accessibility contexts. This approach ensures visual grouping and cohesion remain consistent without causing layout disorganization on different screen sizes.

Does this Gestalt UI framework work for both form design and navigation toolbars?

Yes, Gestalt UI principles apply to both form design and navigation toolbars. The framework uses common region and connectedness cues to group related actions, ensuring cohesive sections and clear relationships across various interface components.