shield_lock
JinDaGe
← Back to skills
extension
Category: Development & EngineeringNo API key required

Android Design System (Jetpack Compose)

Enforce Material Design 3 and design token usage in Jetpack Compose apps. Use when implementing M3 components, color schemes, or design tokens in Android.

personAuthor: jakexiaohubgithub
open_in_newRepositorydownloadDownload package

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