material-3-skill

name	material-3-skill
description	Implements Google Material Design 3 (Material You) — adaptive color, tonal surfaces, dynamic theming, spring-based motion, and 30+ components for Jetpack Compose (primary) and Flutter (secondary). Includes token system, layout scaffolds, responsive window size classes, accessibility, and a 10-category MD3 compliance audit.
triggers	["Material Design 3","Material You","Jetpack Compose","MaterialTheme","material-3-skill","MD3 compliance","dynamic color","tonal surface"]
das	{"type":"package","category":"visual-components","upstream":"https://github.com/hamen/material-3-skill","version":"latest"}

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