Skills
.Work. You
Rest

sk-navigation

Official

Add nav items once—ship RBAC-safe navigation.

Software Engineering#RBAC#Next.js#navigation#feature flags#mobile bottom nav#config driven
AuthorTimeKast
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It prevents navigation drift and duplicated UI logic by making the app’s sidebar and mobile tabs render from a single declarative navigation config with consistent role-based filtering.

Core Features & Use Cases

  • Config-driven navigation (SSOT): Define all routes once in src/config/navigation.ts, and have Sidebar, BottomNav, and BottomNavMoreSheet consume the same registry.
  • RBAC runtime filtering: Apply role visibility consistently at render time using filterNavigationByRole, getBottomNavItems, and getMoreSheetItems.
  • Mobile composition with overflow: Enforce the “max 4 tabs + Más” behavior, preserve grouped items in the overflow sheet, and support collapsible sections.
  • Notifications badge integration: Show unread-count badges on the appropriate nav items when notifications are enabled.
  • iOS safe-area handling: Respect env(safe-area-inset-bottom) so the bottom UI doesn’t get covered by the home indicator.

Quick Start

Add or modify your new link by editing only src/config/navigation.ts, then verify visibility across Sidebar, BottomNav, and the More sheet using the appropriate user role.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: sk-navigation
Download link: https://github.com/TimeKast/AgendaInteligente/archive/main.zip#sk-navigation

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.