navigation-menu-generator

Generate and audit website navigation menus for SEO, UX, and accessibility.

872|122|Updated Feb 26, 2026
One-click install
npx skills add https://github.com/kostja94/marketing-skills --skill navigation-menu-generator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: navigation-menu-generator
Source: https://github.com/kostja94/marketing-skills/tree/main/skills/components/navigation/navigation-menu
Command: npx skills add https://github.com/kostja94/marketing-skills --skill navigation-menu-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps users design, optimize, and audit website navigation menus to improve user experience and search engine visibility.

Core Features & Use Cases

  • Menu Structure & Organization: Provides guidelines on menu size, hierarchy, and placement for optimal usability.
  • SEO Best Practices: Ensures navigation is crawlable, uses descriptive anchor text, and semantic HTML.
  • UX & Accessibility: Focuses on clear labeling, contrast, touch targets, keyboard navigation, and screen reader compatibility.
  • Use Case: A user wants to redesign their e-commerce site's main navigation to make it easier for customers to find products and improve SEO.

Quick Start

Use the navigation-menu-generator skill to audit the current site navigation and suggest improvements.

Frequently Asked Questions about navigation-menu-generator

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

FAQPage Schema
How do I design a website navigation menu that is good for both UX and SEO?

Designing website navigation for UX and SEO requires a clear site hierarchy, crawlable semantic HTML links, and descriptive anchor text. This Skill audits and generates menu structures to ensure optimal user experience and search engine visibility.

What is the best way to audit my website navigation menu for accessibility?

Auditing website navigation for accessibility involves checking keyboard navigation, screen reader compatibility, touch target sizes, and visual contrast. This Skill assesses your menu against these standards to ensure compliance and usability for all visitors.

How many items should a website navigation menu contain for optimal usability?

Optimal menu size depends on your site structure and hierarchy. This Skill provides guidelines on menu size limits and organization, helping you balance comprehensive linking with a clean, navigable user experience.

Does semantic HTML in navigation menus actually improve crawlability and SEO?

Semantic HTML in navigation menus directly improves crawlability and SEO by providing clear, descriptive anchor text and link structures. This Skill generates navigation components that ensure search engines can easily index your site structure.

Can I use this to restructure a large e-commerce site navigation menu?

Yes, you can restructure an e-commerce site navigation menu by auditing the current site structure and generating improvements. This Skill helps optimize product categorization and hierarchy to enhance customer findability and search visibility.

What are the limitations of using automated navigation menu generation for accessibility compliance?

Automated navigation menu generation provides structural guidelines for labels, contrast, and keyboard navigation, but full accessibility compliance requires manual testing. This Skill establishes the baseline standards, though edge cases may need human review.