Navigation

swiftui-patterns es una guía práctica para Frontend Development en plataformas Apple. Cubre gestión de estado en SwiftUI, flujos con NavigationStack, composición de vistas y recomendaciones de rendimiento para que puedas elegir el patrón adecuado en código real de aplicaciones. Usa la skill swiftui-patterns al refactorizar o construir pantallas con propiedad clara y menos re-renders.

dart-flutter-patterns es una skill práctica de Dart y Flutter para desarrollo frontend, que cubre null safety, estado inmutable, composición asíncrona, estructura de widgets, gestión de estado, navegación con GoRouter, networking con Dio, pruebas y clean architecture. Usa la guía dart-flutter-patterns para elegir patrones listos para producción en nuevas funcionalidades y refactors.

compose-multiplatform-patterns es una guía práctica para Compose Multiplatform y Jetpack Compose en apps KMP. Cubre gestión de estado, navegación, tematización, rendimiento y patrones de UI reutilizables para Android, iOS, Desktop y Web, ayudando a equipos de desarrollo frontend a crear pantallas compartidas mantenibles.

react-native-design es una skill centrada en patrones de UI para React Native, con cobertura de estilos con StyleSheet, React Navigation tipado y uso de Reanimated 3 para pantallas multiplataforma.

site-architecture ayuda a planificar o reorganizar la jerarquía de páginas de un sitio web, la navegación, los patrones de URL y el enlazado interno. Úsala para crear sitemaps, especificaciones de navegación, mapas de URL y diagramas del sitio en Mermaid o ASCII para planificación de marketing y UI/UX.

vue-router-best-practices es una guía enfocada en Vue Router 4 para corregir guards de navegación, actualizaciones de parámetros de rutas, estado obsoleto de componentes, bucles de redirección y patrones `next()` obsoletos en aplicaciones frontend.

building-native-ui es una skill de UI para Expo Router pensada para crear apps de React Native con una sensación nativa. Conoce el contexto de instalación, la estructura de rutas, pestañas, encabezados, animaciones, contenido multimedia y límites por plataforma antes de usarla.

ios-design-guidelines ayuda a revisar, dar forma y reescribir interfaces de SwiftUI/UIKit según las Apple Human Interface Guidelines para iPhone. Resulta útil para diseño de interfaz cuando necesitas orientación práctica sobre diseño de layout, navegación, accesibilidad, Dynamic Type, Dark Mode y elección de componentes del sistema.

android-design-guidelines es una guía práctica de Material Design 3, Jetpack Compose y layouts XML. Úsalo para revisar decisiones de UI en Android relacionadas con theming, navegación, accesibilidad, layouts adaptativos, color dinámico y cumplimiento de Material You. Es ideal para tareas de guía android-design-guidelines y de android-design-guidelines para diseño de UI.

hig-components-search es un skill de Apple HIG para tomar decisiones de diseño de UI sobre campos de búsqueda, controles de página y controles de ruta. Úsalo cuando necesites orientación clara sobre el comportamiento de la búsqueda, los ámbitos, la paginación y la navegación jerárquica en interfaces de macOS o iPadOS. Resulta especialmente útil para UX de búsqueda, sugerencias de búsqueda y navegación estructurada.

hig-components-menus es una skill de Apple HIG para decisiones de diseño de menús y superficies de comandos basadas en botones. Usa la skill hig-components-menus cuando necesites orientación de Apple para menús, menús contextuales, barras de herramientas, barras de menús y controles relacionados, y debas decidir la ubicación, agrupación y comportamiento de comandos.

hig-components-layout es una skill de navegación y diseño de Apple HIG para elegir sidebars, split views, tab bars, listas, tablas, outline views, columnas, panels, windows, scroll views, boxes y ornaments. Úsala para decisiones de UI Design y estructura de la app cuando necesites una guía clara, consciente de la plataforma, en lugar de consejos genéricos de diseño responsivo.