Centralize Next.js navigation in a single config with RBAC filtering.
npx skills add https://github.com/TimeKast/AgendaInteligente --skill sk-navigation
Please help me install this Agent Skill. Skill: sk-navigation Source: https://github.com/TimeKast/AgendaInteligente/tree/main/.claude/skills/sk-navigation Command: npx skills add https://github.com/TimeKast/AgendaInteligente --skill sk-navigation
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.
src/config/navigation.ts, and have Sidebar, BottomNav, and BottomNavMoreSheet consume the same registry.filterNavigationByRole, getBottomNavItems, and getMoreSheetItems.env(safe-area-inset-bottom) so the bottom UI doesn’t get covered by the home indicator.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.
High-intent search queries and answers about installing and using this skill.
Manage role-based access control for Next.js navigation by defining all routes in a single config file and applying runtime RBAC filtering with helper APIs to render only the items visible to each user's role.
Configure a mobile bottom navigation bar by defining routes in a central config and using helper APIs to enforce a maximum of four tabs plus an overflow sheet, preserving grouped and collapsible structures for extra items.
Gate Next.js sidebar links with feature flags by defining their visibility in the central navigation config, allowing the system to conditionally render items like notifications and display unread-count badges when enabled.
Config-driven navigation supports iOS safe-area handling by respecting the bottom safe-area inset environment variables, ensuring the mobile bottom navigation UI remains unobstructed by the iOS home indicator.
Add a new link to both the Next.js sidebar and mobile bottom nav by editing the single source of truth config file once, which automatically propagates the update to all consuming UI components with consistent role-based filtering.
Next.js navigation drifts between the sidebar and mobile tabs when they are not rendered from a single declarative navigation config, causing duplicated UI logic and inconsistent role-based visibility across components.
ngocsangyemGenerate and update a canonical project-context.md from codebase patterns.
MycosoftLabsNavigate platform UI across header, sidebar, and search interactions.
davepoonAutomates NextAuth.js authentication with providers, middleware protection, and RBAC in Next.js apps.
mcclowesImplement server-side navigation in Next.js Server Components using Link and redirect().