What problem does it solve? Designing navigation often devolves into stacking menu components without deciding whether navigation is needed, what information space it moves through, or how users understand their current location. This Skill provides a structured workflow to choose the right navigation model, preserve orientation and context, and verify the delivered interaction across responsive and accessible states. ## Core Features & Use Cases - Navigation model selection: Classify journeys (repeated non-linear tasks vs. linear transactions) and decide whether persistent navigation, breadcrumbs, side navigation, tabs, in-page navigation, or pagination fits. - Orientation and hierarchy design: Ensure current page, parent context, breadcrumbs, and headings agree so users always know where they are, even from deep links. - Responsive and accessibility verification: Check that wording, order, destination, current-state, and keyboard reachability survive breakpoint transformations. - Use Case: Redesigning a product docs site, use this Skill to separate global navigation from section side navigation, add hierarchy-only breadcrumbs, and verify keyboard access and current-state semantics across mobile and desktop. ## Quick Start Use the navigation-design skill to review my site's header, sidebar, and breadcrumbs and propose a navigation model that keeps users oriented on every page.
