Navigation

swiftui-patterns 是一份面向 Apple 平台前端开发的实用指南。它涵盖 SwiftUI 状态管理、NavigationStack 流程、视图组合和性能建议，帮助你为真实应用代码选择合适的模式。适合在重构或构建界面时使用，尤其是在需要明确职责划分、减少重复渲染的场景中。

dart-flutter-patterns 是一个面向前端开发的实用 Dart 和 Flutter 技能，覆盖 null safety、immutable state、async composition、widget 结构、state management、GoRouter 路由、Dio 网络请求、测试和 clean architecture。使用 dart-flutter-patterns 指南，可为新功能开发和重构选择适合生产环境的模式。

compose-multiplatform-patterns 是一份面向 KMP 应用中 Compose Multiplatform 与 Jetpack Compose 的实用指南，涵盖状态管理、导航、主题、性能优化以及可复用 UI 模式，适用于 Android、iOS、Desktop 和 Web，帮助前端开发团队构建更易维护的共享界面。

react-native-design 是一项聚焦 React Native UI 模式的技能，涵盖 StyleSheet 样式、类型化的 React Navigation，以及 Reanimated 3 在跨平台界面中的用法。

site-architecture 可用于规划或重构网站的信息架构，包括页面层级、导航、URL 规则与站内链接策略。你可以用它产出 sitemap、导航规范、URL map，以及用于营销与 UI/UX 规划的 Mermaid 或 ASCII 网站结构图。

vue-router-best-practices 是一份聚焦 Vue Router 4 的实用指南，适合排查和修复前端应用中的导航守卫问题、路由参数更新异常、组件状态残留、重定向循环，以及已弃用的 next() 用法。

building-native-ui 是一项面向 Expo Router UI 的技能，适合构建具有原生体验的 React Native 应用。使用前可先了解其安装背景、路由结构、tabs、headers、动画、媒体能力以及平台限制。

ios-design-guidelines 可帮助你根据 Apple Human Interface Guidelines 审查、调整并重写 iPhone 的 SwiftUI/UIKit 界面。它适合在需要针对 UI Design 获得实用的 ios-design-guidelines 指南反馈时，用于布局、导航、可访问性、Dynamic Type、Dark Mode 以及系统组件选型。

android-design-guidelines 是一份实用指南，涵盖 Material Design 3、Jetpack Compose 和 XML 布局。可用于审查 Android UI 决策，重点关注主题、导航、可访问性、自适应布局、动态颜色以及对 Material You 的符合性。非常适合用于 android-design-guidelines 指南和 android-design-guidelines UI Design 任务。