From navigation-design
Design information architecture, wayfinding systems, and navigation patterns for documentation and applications. Use when working with navigation, information architecture, wayfinding, breadcrumbs, sitemaps, menu structure, or content hierarchy.
How this skill is triggered — by the user, by Claude, or both
Slash command
/navigation-design:navigation-designThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Create intuitive wayfinding systems for content and applications.
Create intuitive wayfinding systems for content and applications.
| Type | Use Case | Example |
|---|---|---|
| Global | Site-wide access | Top nav, sidebar |
| Local | Section-specific | Sub-menu |
| Contextual | In-content links | Related articles |
| Utility | Tools/settings | Search, login |
| Breadcrumb | Location trail | Home > Docs > API |
Home
├── Products
│ ├── Category A
│ └── Category B
├── Docs
│ ├── Getting Started
│ └── Reference
└── Support
Central hub with satellite pages, return to hub.
Few levels, broad categories.
Multiple classification dimensions (filter + sort).
| Rule | Description |
|---|---|
| 7 +/- 2 | Limit top-level items |
| 3-click | Reach any page in 3 clicks |
| Recognition > Recall | Show options, don't require memory |
| Consistency | Same nav across pages |
Home > [Category] > [Subcategory] > Current Page
Clickable except current page.
## Sitemap: [Product]
### Primary Navigation
1. Home
2. Features
- Feature A
- Feature B
3. Documentation
- Quick Start
- Tutorials
- API Reference
4. Pricing
### Utility Navigation
- Search
- Login/Signup
- Help
npx claudepluginhub viktorbezdek/skillstack --plugin navigation-designSelects the right primary navigation pattern (top nav, side nav, tabs, bottom nav) based on content depth and device context, avoiding common usability failures.
Designs and audits navigation and information architecture for cognitive accessibility, including site maps, breadcrumbs, search, and multi-step flows.
Information architecture — design navigation structure, content hierarchy, sitemap, and taxonomy for a product or feature set. Use when asked to "organize the navigation", "information architecture", "how should content be structured", "sitemap", "nav redesign", "where should X live", or "content hierarchy".