What output formats are available?

You can generate navigation designs in YAML, JSON, or HTML formats by using the --format argument during command execution.

Can it handle complex mega-menus?

Absolutely. The skill is designed to handle multi-column layouts with headings, categorized links, images, badges, and even promotional call-to-action sections.

Does it provide implementation code for the backend?

Yes, the skill automatically generates EF Core models and C# Web API endpoints to help you bridge the gap between design and functional implementation.

Does this skill support accessibility standards?

Yes, it generates navigation structures that meet WCAG 2.1 AA requirements, including keyboard navigation, ARIA labels, focus management, and mobile touch targets.

CMS Navigation Architect

Name: CMS Navigation Architect
Author: melodic-software

bymelodic-software

•

内容管理

Architects comprehensive, accessible website navigation systems including mega-menus, breadcrumbs, and structured API schemas.

The CMS Navigation Architect skill streamlines the creation of complex site structures by generating hierarchical navigation systems that adhere to WCAG 2.1 AA accessibility standards. It automates the design of primary menus, footer links, and multi-column mega-menus while providing the underlying data models and C# API endpoints required for modern web implementation. This tool is essential for developers building content-heavy applications who need robust, SEO-friendly navigation patterns and structured data without the manual boilerplate.

主要功能

01Built-in WCAG 2.1 AA compliance with ARIA labels and keyboard navigation patterns

0238 GitHub stars

03Automatic generation of EF Core data models and C# Web API controller templates

04Support for structured schema generation including BreadcrumbList JSON-LD

05Multi-format generation of primary menus, footers, mega-menus, and breadcrumbs

06Flexible output formats including YAML, JSON, and HTML for frontend integration

使用场景

01Designing complex e-commerce mega-menus with promotional sections and multi-column categories

02Building role-based navigation systems with backend API support for enterprise CMS platforms

03Implementing hierarchical, SEO-optimized breadcrumb navigation for deep content sites

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add melodic-software/claude-code-plugins design-navigation

For use in Claude.ai and ChatGPT

主要功能

01Built-in WCAG 2.1 AA compliance with ARIA labels and keyboard navigation patterns

0238 GitHub stars

03Automatic generation of EF Core data models and C# Web API controller templates

04Support for structured schema generation including BreadcrumbList JSON-LD

05Multi-format generation of primary menus, footers, mega-menus, and breadcrumbs

06Flexible output formats including YAML, JSON, and HTML for frontend integration

使用场景

01Designing complex e-commerce mega-menus with promotional sections and multi-column categories

02Building role-based navigation systems with backend API support for enterprise CMS platforms

03Implementing hierarchical, SEO-optimized breadcrumb navigation for deep content sites

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add melodic-software/claude-code-plugins design-navigation

For use in Claude.ai and ChatGPT