mcpbeat

Android Design System

hoangnguyen0403/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.

1k tokens
context cost
the whole folder, loaded on every use
2
files
instructions only
0
copies elsewhere
how many repositories repackaged it
536
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository 
npx skills add https://github.com/HoangNguyen0403/agent-skills-standard --skill android-design-system

What comes with it

3 391 bytes besides the instruction
evals/evals.json

The instruction itself

5 sections, as written by the author

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

How to use it

Copy the folder

Take hoangnguyen0403/android-design-system from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.