ReddRadar
Agent skill
managing-layouts-navigation
Manages root layout, persistent navbar, and footer. Use when defining the global shell of the application.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/managing-layouts-navigation
SKILL.md
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.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?