Nav — Development skill for Claude Code
Generate responsive navigation systems — top bar, sidebar, bottom tabs, command palette, mega menu, with ARIA and dark mode.
How to install Nav
Installs to ~/.claude/skills/phazurlabs-sumi-nav/SKILL.md
mkdir -p ~/.claude/skills/phazurlabs-sumi-nav && curl -fsSL https://raw.githubusercontent.com/phazurlabs/sumi/HEAD/commands/nav.md -o ~/.claude/skills/phazurlabs-sumi-nav/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Nav does
name: nav description: "Generate responsive navigation systems — top bar, sidebar, bottom tabs, command palette, mega menu, with ARIA and dark mode." argument-hint: "[product and navigation type]"
Nav — Navigation System Builder
Before running
This command needs a product and the kind of navigation it needs.
If the user invoked it with nothing and no target is evident from the conversation or open files, ask for it in one plain-language question and stop. Do not invent a target
Alternatives in Development
- Serena — Code Intelligence Advanced code navigation and semantic search 14k ★
- Market Sizing — Estimate TAM, SAM, SOM with top-down and bottom-up approaches 7.8k ★
- Codex Prompt Handgepflegte Mega Und Mini Prompts — Codex-Prompt — Handgepflegte Mega- und Mini-Prompts fuer alle Plugins 1.5k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Wp Header
Build the WordPress header — responsive nav, logo, language switcher, WP menu system integration
Tuimux
A terminal multiplexer for TUI apps. Run btop, lazygit, Claude Code, and any other TUI in embedded terminal wi
Color Specialist
Use when colour is failing. Contrast below AA, a palette with no system behind it, dark mode that is only inve
Palette From Brand
Generate a full color palette (ramps + semantic aliases + dark mode + contrast matrix) from a brand input (hex
Weekly Report
Generate a weekly Meta Ads performance report with WoW deltas, top/bottom performers, GREEN/YELLOW/RED health
Resync
Product changed the SRS (top-down): diff vs snapshot, propagate a delta to SD + tasks + checklist via the trac
Related Agents
Info Architect
The Information Architect owns the app's information architecture: taxonomy, top-level navigation model (tabs
SaaS Market Sizing
Complete TAM/SAM/SOM calculation for a B2B SaaS startup using bottom-up and top-down methodologies. - wshobson
Env Provisioner
Confirmation phase V3 environment provisioning agent that starts the target application using strategies disco