material-3-skill

Catalogue stub — full skill: hamen/material-3-skill

Install the full skill

Clone or copy the skill into your agents directory:

Global:

mkdir -p ~/.agents/skills/material-3-skill
curl -fsSL https://raw.githubusercontent.com/hamen/material-3-skill/master/skills/material-3/SKILL.md \
  -o ~/.agents/skills/material-3-skill/SKILL.md

Project:

mkdir -p .agents/skills/material-3-skill
curl -fsSL https://raw.githubusercontent.com/hamen/material-3-skill/master/skills/material-3/SKILL.md \
  -o .agents/skills/material-3-skill/SKILL.md

What it does

Deep expertise in Google's Material Design 3 system. Covers:

• Dynamic color — ColorScheme.fromSeed, tonal palette generation, light/dark scheme derivation
• Component library — 30+ MD3 components in Jetpack Compose with correct token bindings
• Token system — color roles, typography scale, shape scale, elevation/tonal elevation
• Layout — Scaffold, NavigationBar vs NavigationRail vs NavigationDrawer by window size class
• Motion — spring-based animations, shared element transitions, container transforms
• Compliance audit — 10-category checklist scoring MD3 conformance
• Flutter — secondary coverage with ThemeData + useMaterial3: true

When NOT to use

• iOS / SwiftUI — use apple-hig-skills or liquid-glass-skill
• Cross-platform HIG patterns — use platform-design-skills
• Android design without Compose (XML Views) — this skill is Compose-first