navigation-design

Generate navigation hierarchies, sitemaps, sidebars, and breadcrumbs for websites and applications.

10|2|Updated Mar 12, 2026
One-click install
npx skills add https://github.com/viktorbezdek/skillstack --skill navigation-design-viktorbezdek
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: navigation-design
Source: https://github.com/viktorbezdek/skillstack/tree/main/navigation-design/skills/navigation-design
Command: npx skills add https://github.com/viktorbezdek/skillstack --skill navigation-design-viktorbezdek

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Disorganized navigation leads to user confusion, higher support costs, and reduced satisfaction. This skill structures information architecture, sitemaps, sidebars, breadcrumbs, and wayfinding systems for documentation sites and applications.

Core Features & Use Cases

  • Hierarchy & Tree Mapping: Generate clear hierarchical outlines for menus and sidebars.
  • Sitemap & Breadcrumb Templates: Provide ready‑to‑use markdown templates for sitemaps and breadcrumb trails.
  • Pattern Recommendations: Suggest hub‑and‑spoke, flat, or faceted navigation patterns and enforce rules like 7±2 items or the 3‑click rule.
  • Use Cases: Creating a new product docs site, redesigning an app’s sidebar, planning a corporate intranet navigation.

Quick Start

Ask the skill to design a navigation structure for a documentation site about a cloud storage product.

Frequently Asked Questions about navigation-design

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

FAQPage Schema
How do I design a clear website navigation hierarchy for a documentation site?

Design website navigation by generating structured hierarchies, sitemaps, and sidebars that apply the 7±2 top-level limit and 3-click rule to produce organized, user-friendly layouts for documentation sites and portals.

What is the 3-click rule in information architecture for app sidebars?

The 3-click rule in information architecture ensures users reach any destination within three selections, guiding the generation of hierarchical outlines, app sidebars, and breadcrumb trails to reduce user confusion and support costs.

What's the best way to structure breadcrumbs and wayfinding for a corporate intranet?

The best way to structure breadcrumbs and wayfinding is applying pattern recommendations like hub-and-spoke or flat navigation, generating ready-to-use markdown templates for breadcrumb trails and sitemaps tailored to corporate intranet navigation.

Can I use navigation design patterns for planning a new product docs site?

Yes, you can generate clear hierarchical outlines, sitemaps, and wayfinding templates for a new product docs site by applying pattern recommendations such as hub-and-spoke, flat, or faceted navigation alongside the 7±2 items rule.

When should I use faceted navigation patterns instead of flat structures?

Use faceted navigation patterns instead of flat structures when managing complex information architecture requiring multi-dimensional filtering, whereas flat navigation better suits simple documentation sites with fewer top-level destinations.

Why does disorganized site navigation increase support costs and reduce satisfaction?

Disorganized site navigation increases support costs and reduces satisfaction because users struggle to find information, a problem solved by applying information-architecture patterns, the 7±2 top-level limit, and 3-click rule to structure menus and wayfinding.