Mobile Android Design

当需要按 Material Design 3 与 Jetpack Compose 规范设计 Android 界面时使用。

sunflowermm 4c2a232 4 files · 59.2 KB Updated

File contents

权威入口

  • .cursor/skills/mobile-android-design/references/material3-theming.md
  • .cursor/skills/mobile-android-design/references/compose-components.md
  • .cursor/skills/mobile-android-design/references/android-navigation.md

适用场景

  • Android 原生页面与组件设计。
  • Compose 组件状态、布局与导航设计。
  • 主题、动态色与深浅色模式一致性优化。

非适用场景

  • 不用于 iOS 或 Web 端专属规范设计。
  • 不替代业务流程建模与服务端接口设计。

执行步骤

  1. 先按 Material 语义定义页面层级与主操作。
  2. 设计 Compose 组件状态(enabled/disabled/error/loading)。
  3. 统一主题 Token 与深浅色映射规则。
  4. 明确导航流与返回行为。
  5. 复核触控尺寸、可读性与无障碍语义。

常见陷阱

  • 只做视觉对齐,忽略导航与返回一致性。
  • 深色模式只改背景,不改文字和边界对比。
  • 组件状态定义不完整,导致交互歧义。

sunflowermm/xrk-agt/tree/main/.cursor/skills/mobile-android-design commit 4c2a232825

Frequently asked questions

npx skillmds@latest add sunflowermm/mobile-android-design