navbar-and-routing

SkillProductivity

Frontend-local workflow for navbar behavior, route ordering, icon-only links, mobile menu UX, and page discoverability in PetSwipe. Use when working in frontend and the task touches Navbar, route links, or mobile navigation.

Available today. Use it from your connected AI after setup.

Connect ahel once, and every AI you use reads what you have installed.

Then ask your AI: use the navbar-and-routing skill

What this skill tells your AI

The instructions your AI receives, as published by hoangsonww/petswipe-match-app in frontend/.agents/skills/navbar-and-routing/SKILL.md and read by ahel’s review.

Use this skill for navbar and routing work inside frontend/.

Workflow

  1. Start from Navbar.tsx and the affected destination pages.
  2. Check both desktop and mobile variants.
  3. Verify ordering, iconography, spacing, and route discoverability.
  4. Keep the mobile menu polished instead of treating it as a fallback.

Read references/navbar-checklist.md.

Signals

GitHub stars
26
Forks
12
Last commit
Sep 2026
Advanced
Catalog kind
skill
Gateway key
navbar-and-routing
Source
github.com/hoangsonww/petswipe-match-app