astro-navigation
CommunityMobile-first, accessible navigation for Astro sites.
AuthorSoborbo
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Navigation implementation across Astro sites often lacks consistency, accessibility, and responsive behavior, leading to poor UX and conversion drops.
Core Features & Use Cases
- Header with logo, desktop nav, phone CTA, and primary CTA
- Mobile Menu overlay: slide-in, keyboard accessible, Escape close, backdrop click, body scroll lock
- Footer with structured columns and support for sticky mobile bar
- Breadcrumbs with Schema.org markup and skip links for keyboard users
- Active state indication and aria-current for current page
Quick Start
Use the astro-navigation skill to implement a mobile-first header, sticky footer, breadcrumbs, and skip links across your Astro site.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: astro-navigation Download link: https://github.com/Soborbo/claudeskills/archive/main.zip#astro-navigation Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.