CtrlK
BlogDocsLog inGet started
Tessl Logo

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)

82

Quality

77%

Does it follow best practices?

Impact

Pending

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./skills/android/android-design-system/SKILL.md
SKILL.md
Quality
Evals
Security

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

Repository
HoangNguyen0403/agent-skills-standard
Last updated
Created

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.