navbar-and-routing

star 22

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.

hoangsonww By hoangsonww schedule Updated 2/28/2026

name: navbar-and-routing description: 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.

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.

Install via CLI
npx skills add https://github.com/hoangsonww/PetSwipe-Match-App --skill navbar-and-routing
Repository Details
star Stars 22
call_split Forks 12
navigation Branch main
article Path SKILL.md
More from Creator