navigation-modeling

What problem does it solve?

Designers and product teams need a navigation system that scales with content, adapts to devices, and remains accessible. This skill codifies patterns, breakpoints, and state behaviors to ensure users can reliably move through a site or app.

Core Features & Use Cases

• Pattern selection grounded in content scope to ensure scalable navigation across sites of varying sizes.
• Distinct mobile and desktop experiences treated as separate realms with declared breakpoints.
• Explicit state behaviors for active, hover, focus, disabled, and current-section indicators to support accessibility.
• Cross-references to site-mapping and taxonomy-design to ensure consistent information architecture.
• Phase-driven workflow with per-item specifications, diagrams, and documentation templates to guide implementation.

Quick Start

Define a site subject and content scope, then choose a navigation pattern and specify per-item roles for primary, secondary, utility, contextual, and footer areas.