| 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
