Material 3

This implements Google's Material Design 3 (Material You) UI system, primarily targeting Jetpack Compose Material3 with MaterialTheme, components, and adaptive layout. It also covers Flutter and limited web support via @material/web, though that's in maintenance mode. You get guidance on 30+ components, the full token system (color, typography, shape, elevation), layout scaffolds across five window size classes, and dynamic color theming. The skill reflects Google I/O 2026 updates emphasizing Compose-first Android development and expressive layout systems. Use it when you're building with material design, MD3, material you, or working with Jetpack Compose components. It's opinionated about tonal surfaces over shadows and spring-based motion physics as the modern MD3 approach.

Install to Claude Code

npx -y skills add hamen/material-3-skill --skill material-3 --agent claude-code