Claude-skill-registry-data managing-layouts-navigation

Name: managing-layouts-navigation
Author: majiayu000

Manages root layout, persistent navbar, and footer. Use when defining the global shell of the application.

install

source · Clone the upstream repo

git clone https://github.com/majiayu000/claude-skill-registry-data

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry-data "$T" && mkdir -p ~/.claude/skills && cp -r "$T/data/managing-layouts-navigation" ~/.claude/skills/majiayu000-claude-skill-registry-data-managing-layouts-navigation && rm -rf "$T"

manifest: data/managing-layouts-navigation/SKILL.md

source content

Global Layout and Navigation

When to use this skill

Editing
```
layout.tsx
```
.
Building responsive navigation.

Components

Navbar: Sticky top, glassmorphism, dynamic links (Auth state dependent).
Mobile Menu: Hamburger icon, full-screen overlay or slide-out tray.
Footer: Multi-column (destinations, support, social links).

Instructions

Active State: Highlight current route in the navbar.
Responsive: Ensure the navbar transitions smoothly from desktop links to mobile burger menu.