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

hoangnguyen0403@hoangnguyen0403

GitHub

From plugin

agent-skills-standard

538200 skills1 MCP

Install

$ npx -y skills add hoangnguyen0403/agent-skills-standard --skill android-design-system --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/android-design-system

Context preview

The summary Claude sees to decide when to auto-load this skill.

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

SKILL.md

android-design-system.SKILL.md

name: android-design-system
description: Enforce Material Design 3 theming and design token usage in Jetpack Compose. Use when implementing M3 components, color schemes, typography, or design tokens.
metadata:
  triggers:
    files:
    - '**/*Screen.kt'
    - '**/ui/theme/**'
    - '**/compose/**'
    keywords:
    - MaterialTheme
    - Color
    - Typography
    - Modifier
    - Composable

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.