Menu
Enforce Material Design 3 and design token usage in Jetpack Compose apps.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Foundational "High-Density" standard for token-optimized agent instructions and CLI-based automated activation.
Universal principles for clean, maintainable, and robust code across all environments.
Standards for performing high-quality, readable code reviews.
Essential rules for code comments, READMEs, and technical documentation.
CRITICAL - Before ANY file write, audit loaded skills for violations. Auto-report via feedback command.
Universal standards for version control, branching, and team collaboration.
| name | Android Design System (Jetpack Compose) |
| description | Enforce Material Design 3 and design token usage in Jetpack Compose apps. |
| metadata | {"labels":["android","compose","dls","material-design","design-tokens"],"triggers":{"files":["**/*Screen.kt","**/ui/theme/**","**/compose/**"],"keywords":["MaterialTheme","Color","Typography","Modifier","Composable"]}} |
Enforce Material Design 3 tokens in Jetpack Compose. Use MaterialTheme for consistency.
// ui/theme/Color.kt
val Primary = Color(0xFF2196F3)
val Secondary = Color(0xFF9C27B0)
val Background = Color(0xFFFFFFFF)
// ui/theme/Theme.kt
private val LightColorScheme = lightColorScheme(
primary = Primary,
secondary = Secondary,
background = Background
)
// ui/theme/Type.kt
val Typography = Typography(
headlineLarge = TextStyle(fontSize = 32.sp, fontWeight = FontWeight.Bold),
bodyMedium = TextStyle(fontSize = 16.sp, fontWeight = FontWeight.Normal)
)
// ❌ FORBIDDEN
Box(modifier = Modifier.background(Color(0xFF2196F3)))
Text("Title", fontSize = 32.sp, color = Color.Black)
// ✅ ENFORCED
Box(modifier = Modifier.background(MaterialTheme.colorScheme.primary))
Text("Title", style = MaterialTheme.typography.headlineLarge)
Spacer(modifier = Modifier.height(16.dp)) // Use dp units
Color(0xFF...) → Error. Use MaterialTheme.colorScheme.*.fontSize = 32.sp → Error. Use MaterialTheme.typography.*.padding = 16.dp inline → Acceptable, but consider tokens.mobile-ux-core | android/compose