界面已本地化;技能介绍与说明文档按所选语言由 AI 自动翻译,代码、命令、路径和专业术语保留原文,以原作者文档为准。
探索技能
设计与创意 · SKILL.md

android-design-system

android-design-system

【设计与创意】Enforce Material Design 3 theming and design token usage in Jetpack Compose. Use when implementing M3 components, color schemes, typography, or design tokens.

独立 GitHub 快照 · 自动分类 · 以原作者文档为准

技能说明

GitHub

name: android-design-system description: Enforce Material Design 3 theming and design token usage in Jetpack Compose. Use when implementing M3 components, color schemes, typography, or design tokens. metadata: triggers: files: - '/*Screen.kt' - '/ui/theme/' - '/compose/**' keywords: - MaterialTheme - Color - Typography - Modifier - Composable

Android Design System (Jetpack Compose)

Priority: P2 (MEDIUM)

Guidelines

Define Color.kt, Theme.kt, and Type.kt in ui/theme/. Map every raw color/type value to lightColorScheme/darkColorScheme slots. Access all tokens through MaterialTheme:

  • Colors → MaterialTheme.colorScheme.*
  • Text styles → MaterialTheme.typography.*
  • Spacing → .dp units consistently

Anti-Patterns

  • No Hardcoded Colors: Use MaterialTheme.colorScheme.*, not Color(0xFF...).
  • No Inline Typography: Use MaterialTheme.typography.*, not raw fontSize = 32.sp.
  • No Magic Spacing: Prefer named .dp tokens; avoid unexplained magic numbers.

References

我的收藏