mobile-android-design

此技能为使用 Jetpack Compose 和 Material Design 3 (Material You) 构建现代化、高性能 Android 用户界面提供了完整框架。它专为需要实现一致性设计系统、响应式布局以及符合 Google 官方设计准则的复杂导航流程的 Android 开发人员而设计。该技能强调声明式 UI 开发的转型，并利用基于 Kotlin 的组合能力来建立模块化、可维护且高度个性化的用户体验。

• 提供关于 Material 3 组件的专家指导，包含 Cards、Buttons、Navigation Rails、Bottom Navigation 和 Modal Drawers。

• 与 Jetpack Compose 布局系统（Column、Row、Box、LazyColumn 和 LazyVerticalGrid）的深度整合。

• 针对手机、平板电脑和折叠式设备屏幕配置的响应式设计模式实现。

• 关于无障碍标准、色调调色盘和适应用户壁纸偏好的动态色彩系统 (Material You) 的指引。

• 对 Navigation Compose 的架构支持，包含嵌套导航、深度链接和状态感知的导航模式。

• UI 性能优化的最佳实践，包含状态管理、避免不必要的重组以及处理带有粘性标题 (sticky headers) 的复杂列表。

• 在 Android 生态系统中处理用户交互、触摸目标和复杂手势支持的技术。

• 输入：用户对于 UI/UX 屏幕的需求、布局规格或设计草图 (Figma/Adobe XD 参考)。

• 输出：实现 Composable 函数、UI 状态定义和导航图的简洁、惯用 Kotlin 代码。

• 在应用此技能时，请务必指定屏幕目标密度和配置，以利使用 Android 的 dp 单位进行适当的响应式尺寸调整。

• 请始终优先使用 MaterialTheme.colorScheme 中的语义颜色代码，以确保应用程序尊重系统全局主题设置和动态色彩功能。

• 当您将旧有的 XML 布局重构为现代化的 Compose，或是在启动新的原生 Android 功能模块时，请使用此技能。