Guides navigation menu design for SEO, UX, and accessibility. Navigation helps users find content and signals site structure to search engines.
When invoking
On
first use
, if helpful, open with 1-2 sentences on what this skill covers and why it matters, then provide the main output. On
subsequent use
or when the user asks to skip, go directly to the main output.
Initial Assessment
Check for product marketing context first:
If
.claude/product-marketing-context.md
or
.cursor/product-marketing-context.md
exists, read it for key pages and audience.
Identify:
Site structure
Main sections, hierarchy
Primary goals
Conversion paths, key pages
Platform
Web, mobile, both
Structure & Organization
Menu Size
Primary nav
7-9 items; avoid overwhelming users
Sub-navigation
Up to 2 levels; deeper topics in sub-menus
Pattern
Horizontal top nav or vertical side nav; avoid novel patterns
Hierarchy
Reflect sitemap structure; need not match exactly
Prioritize what visitors need most
Logical grouping by topic or task
SEO Best Practices
Practice
Purpose
Semantic HTML