Navigation

swiftui-patterns is a practical guide for Frontend Development on Apple platforms. It covers SwiftUI state management, NavigationStack flows, view composition, and performance guidance so you can choose the right pattern for real app code. Use the swiftui-patterns skill when refactoring or building screens with clear ownership and fewer re-renders.

dart-flutter-patterns is a practical Dart and Flutter skill for frontend development, covering null safety, immutable state, async composition, widget structure, state management, GoRouter navigation, Dio networking, testing, and clean architecture. Use the dart-flutter-patterns guide to choose production-ready patterns for new features and refactors.

compose-multiplatform-patterns is a practical guide for Compose Multiplatform and Jetpack Compose in KMP apps. It covers state management, navigation, theming, performance, and reusable UI patterns for Android, iOS, Desktop, and Web, helping frontend development teams build maintainable shared screens.

react-native-design is a focused skill for React Native UI patterns, covering StyleSheet styling, typed React Navigation, and Reanimated 3 usage for cross-platform screens.

site-architecture helps plan or restructure website page hierarchy, navigation, URL patterns, and internal linking. Use it to create sitemaps, nav specs, URL maps, and Mermaid or ASCII site diagrams for marketing and UI/UX planning.

vue-router-best-practices is a focused Vue Router 4 guide for fixing navigation guards, route param updates, stale component state, redirect loops, and deprecated next() patterns in frontend apps.

building-native-ui is an Expo Router UI skill for native-feeling React Native apps. Learn install context, route structure, tabs, headers, animations, media, and platform limits before usage.

ios-design-guidelines helps review, shape, and rewrite SwiftUI/UIKit interfaces against Apple Human Interface Guidelines for iPhone. It is useful for layout, navigation, accessibility, Dynamic Type, Dark Mode, and system component choices when you need practical ios-design-guidelines guide feedback for UI Design.

android-design-guidelines is a practical guide for Material Design 3, Jetpack Compose, and XML layouts. Use it to review Android UI decisions for theming, navigation, accessibility, adaptive layouts, dynamic color, and Material You compliance. Ideal for android-design-guidelines guide and android-design-guidelines for UI Design tasks.

hig-components-search is an Apple HIG skill for UI design decisions around search fields, page controls, and path controls. Use it when you need clear guidance on search behavior, scopes, pagination, and hierarchy navigation in macOS or iPadOS interfaces. It is especially useful for search UX, search suggestions, and structured navigation.

hig-components-menus is an Apple HIG guidance skill for menus and button-driven command surfaces. Use the hig-components-menus skill for UI Design decisions on menus, context menus, toolbars, menu bars, and related controls when you need Apple-specific guidance on command placement, grouping, and behavior.

hig-components-layout is an Apple HIG navigation-and-layout skill for choosing sidebars, split views, tab bars, lists, tables, outline views, columns, panels, windows, scroll views, boxes, and ornaments. Use it for UI Design and app structure decisions when you need clear, platform-aware guidance instead of generic responsive layout advice.