How do I install the Navbar And Routing skill?

Run npx skillmds@latest add hoangsonww/navbar-and-routing in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Navbar And Routing safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Navbar And Routing?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Navbar And Routing free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Navbar And Routing?

hoangsonww (@hoangsonww) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Navbar And Routing

Name: Navbar And Routing
Author: hoangsonww

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 Updated Sep 17, 2026

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add hoangsonww/navbar-and-routing

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download .zip

＋ Add to plugin

README badge

[![SkillMD](https://skillmd.com/badge/hoangsonww/navbar-and-routing.svg)](https://skillmd.com/skills/hoangsonww/navbar-and-routing)

Trust & safety

Audits pending

Not yet audited · commit e2dcad3

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

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

Workflow

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

Read references/navbar-checklist.md.

hoangsonww/petswipe-match-app/tree/main/frontend/.agents/skills/navbar-and-routing commit e2dcad3a2f

Frequently asked questions

npx skillmds@latest add hoangsonww/navbar-and-routing