proximity-navigation

What problem does it solve?

This Skill solves the problem of navigation layouts failing to communicate information structure, causing users to treat grouped links as a single undifferentiated list.

Core Features & Use Cases

• Group structure with spacing: Uses proximity (tight gaps inside groups, looser gaps between groups) to signal hierarchy without heavy chrome.
• Design navigation patterns across surfaces: Applies proximity rules to sidebars, mobile bottom-nav, breadcrumbs, and command palette groupings.
• Choose when to add dividers: Recommends light divider usage only when spacing alone cannot carry the grouping clarity.
• Fix common anti-patterns: Addresses equal-spaced sections, heavy dividers, headings styled as links, and confusing nested-tree indentation.

Quick Start

Use proximity-navigation to redesign your sidebar, bottom nav, or breadcrumbs so related items cluster tightly and separate sections with noticeably larger spacing.