OpenSkillIndex← back to search
claude-code

Agent-skills-standard android-design-system

Enforce Material Design 3 and design token usage in Jetpack Compose apps. Use when implementing M3 components, color schemes, or design tokens in Android. (triggers: **/*Screen.kt, **/ui/theme/**, **/compose/**, MaterialTheme, Color, Typography, Modifier, Composable)

install
source · Clone the upstream repo
git clone https://github.com/HoangNguyen0403/agent-skills-standard
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/HoangNguyen0403/agent-skills-standard "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/android/android-design-system" ~/.claude/skills/hoangnguyen0403-agent-skills-standard-android-design-system && rm -rf "$T"
manifest: skills/android/android-design-system/SKILL.md
source content

Android Design System (Jetpack Compose)

Priority: P2 (OPTIONAL)

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