Navigation

swiftui-patterns ist ein praxisnaher Leitfaden für Frontend-Entwicklung auf Apple-Plattformen. Er behandelt SwiftUI-State-Management, NavigationStack-Flows, View-Komposition und Performance-Empfehlungen, damit du das passende Pattern für echten App-Code auswählst. Nutze die swiftui-patterns-Skill beim Refactoring oder beim Aufbau von Screens mit klarer Ownership und weniger Re-Renders.

dart-flutter-patterns ist ein praxisnahes Dart- und Flutter-Skill für die Frontend-Entwicklung und deckt Null Safety, immutable Zustände, asynchrone Komposition, Widget-Struktur, State Management, GoRouter-Navigation, Dio-Netzwerkzugriffe, Tests und Clean Architecture ab. Nutze den dart-flutter-patterns-Guide, um produktionsreife Patterns für neue Features und Refactorings auszuwählen.

compose-multiplatform-patterns ist ein praxisnaher Leitfaden für Compose Multiplatform und Jetpack Compose in KMP-Apps. Er behandelt State-Management, Navigation, Theming, Performance und wiederverwendbare UI-Patterns für Android, iOS, Desktop und Web und hilft Frontend-Teams dabei, wartbare gemeinsame Screens zu entwickeln.

react-native-design ist ein fokussierter Skill für React Native UI-Muster und behandelt StyleSheet-Styling, typisierte React Navigation und den Einsatz von Reanimated 3 für plattformübergreifende Screens.

site-architecture unterstützt bei der Planung oder Neuordnung von Seitenhierarchie, Navigation, URL-Mustern und interner Verlinkung einer Website. Nutzen Sie die Skill, um Sitemaps, Navigationsspezifikationen, URL-Maps sowie Mermaid- oder ASCII-Site-Diagramme für Marketing- und UI/UX-Planung zu erstellen.

vue-router-best-practices ist ein fokussierter Leitfaden für Vue Router 4, der bei Navigations-Guards, Route-Param-Updates, veraltetem Komponentenstatus, Redirect-Schleifen und überholten `next()`-Mustern in Frontend-Apps hilft.

building-native-ui ist ein Expo Router UI Skill für React Native Apps mit nativer Anmutung. Erfahren Sie vor dem Einsatz mehr zu Installationskontext, Routenstruktur, Tabs, Headern, Animationen, Medien und Plattformgrenzen.

ios-design-guidelines hilft dabei, SwiftUI-/UIKit-Interfaces für das iPhone anhand der Apple Human Interface Guidelines zu prüfen, zu strukturieren und zu überarbeiten. Das ist besonders nützlich für Layout, Navigation, Barrierefreiheit, Dynamic Type, Dark Mode und die Auswahl systemnaher Komponenten, wenn du praxisnahes ios-design-guidelines-Feedback für UI-Design brauchst.

android-design-guidelines ist ein praxisnaher Leitfaden für Material Design 3, Jetpack Compose und XML-Layouts. Nutzen Sie ihn, um Android-UI-Entscheidungen zu Theme, Navigation, Barrierefreiheit, adaptiven Layouts, dynamischen Farben und Material-You-Konformität zu überprüfen. Ideal für android-design-guidelines als Guide und für android-design-guidelines bei UI-Design-Aufgaben.

hig-components-search ist ein Apple-HIG-Skill für UI-Entscheidungen rund um Suchfelder, Seitensteuerungen und Pfadsteuerungen. Verwenden Sie ihn, wenn Sie klare Orientierung zu Suchverhalten, Suchbereichen, Paginierung und hierarchischer Navigation in macOS- oder iPadOS-Oberflächen benötigen. Besonders hilfreich ist er für Search UX, Suchvorschläge und strukturierte Navigation.

hig-components-menus ist ein Apple-HIG-Leitfaden-Skill für Menüs und befehlsbasierte Oberflächen mit Buttons. Verwenden Sie den hig-components-menus-Skill für UI-Design-Entscheidungen zu Menüs, Kontextmenüs, Werkzeugleisten, Menüleisten und verwandten Steuerelementen, wenn Sie Apple-spezifische Hinweise zu Platzierung, Gruppierung und Verhalten von Befehlen benötigen.

hig-components-layout ist ein Apple-HIG-Skill für Navigation und Layout, um Sidebars, Split Views, Tab Bars, Listen, Tabellen, Outline Views, Spalten, Panels, Fenster, Scroll Views, Boxen und Ornamente auszuwählen. Nutze ihn für UI-Design und Entscheidungen zur App-Struktur, wenn du klare, plattformgerechte Orientierung statt allgemeiner responsiver Layout-Tipps brauchst.