Menu Navigation - Estándar GGSoluciones
Activation Contract
Usá esta skill cuando el usuario pida menú, sidebar, topbar, navegación, breadcrumbs, shell de portal o estructura de módulos.
No la uses para una pantalla aislada que no comparte navegación con el resto del portal.
Hard Rules
- La navegación debe reflejar tareas del usuario, no carpetas técnicas.
- El ítem activo debe ser inequívoco en desktop y mobile.
- Los permisos deben ocultar o deshabilitar opciones de forma consistente.
- Login, error público y recuperación de sesión no deben renderizar sidebar del portal.
- Mobile debe tener navegación colapsada, foco controlado y cierre explícito.
- Breadcrumbs se usan cuando hay jerarquía real, no para repetir el título.
- No inventes nombres de módulos: usá lenguaje del negocio.
Decision Gates
| Necesidad |
Patrón |
| Portal operativo con muchos módulos |
Sidebar persistente + topbar contextual |
| Portal simple de 3 a 5 secciones |
Topbar con menú responsive |
| Módulos con jerarquía profunda |
Sidebar + breadcrumbs |
| Acciones frecuentes |
Topbar contextual, no menú lateral saturado |
Execution Steps
- Listá módulos, roles y acciones principales.
- Definí patrón de navegación según volumen y jerarquía.
- Diseñá estados: activo, hover, disabled, collapsed, mobile y loading.
- Separá navegación global, navegación contextual y acciones de página.
- Validá permisos, responsive, accesibilidad y contraste.
Output Contract
Entregar mapa de navegación, estructura de componentes, reglas de permisos, comportamiento responsive y criterios de aceptación.
1---2name: menu-navigation3description: Trigger: menú, sidebar, navegación, topbar, breadcrumbs, layout. Crear navegación para portales internos de GGSoluciones.4license: Apache-2.05---67# Menu Navigation - Estándar GGSoluciones89## Activation Contract1011Usá esta skill cuando el usuario pida menú, sidebar, topbar, navegación, breadcrumbs, shell de portal o estructura de módulos.1213No la uses para una pantalla aislada que no comparte navegación con el resto del portal.1415## Hard Rules1617- La navegación debe reflejar tareas del usuario, no carpetas técnicas.18- El ítem activo debe ser inequívoco en desktop y mobile.19- Los permisos deben ocultar o deshabilitar opciones de forma consistente.20- Login, error público y recuperación de sesión no deben renderizar sidebar del portal.21- Mobile debe tener navegación colapsada, foco controlado y cierre explícito.22- Breadcrumbs se usan cuando hay jerarquía real, no para repetir el título.23- No inventes nombres de módulos: usá lenguaje del negocio.2425## Decision Gates2627| Necesidad | Patrón |28|---|---|29| Portal operativo con muchos módulos | Sidebar persistente + topbar contextual |30| Portal simple de 3 a 5 secciones | Topbar con menú responsive |31| Módulos con jerarquía profunda | Sidebar + breadcrumbs |32| Acciones frecuentes | Topbar contextual, no menú lateral saturado |3334## Execution Steps35361. Listá módulos, roles y acciones principales.372. Definí patrón de navegación según volumen y jerarquía.383. Diseñá estados: activo, hover, disabled, collapsed, mobile y loading.394. Separá navegación global, navegación contextual y acciones de página.405. Validá permisos, responsive, accesibilidad y contraste.4142## Output Contract4344Entregar mapa de navegación, estructura de componentes, reglas de permisos, comportamiento responsive y criterios de aceptación.
agallardo2802