Material Thinking

Apply Material Design 3 and M3 Expressive principles to create accessible, consistent, and engaging user interfaces.

Overview

This skill provides comprehensive guidance for implementing Material Design 3 (M3) and M3 Expressive across all platforms. Material Design 3 is Google's open-source design system that provides UX guidance, reusable components, and design tools for creating beautiful, accessible interfaces.

Key capabilities:

• Design new products with M3 principles
• Review existing designs for M3 compliance
• Generate design tokens (colors, typography, shapes)
• Apply M3 Expressive for engaging, emotionally resonant UIs
• Select appropriate components for specific use cases
• Ensure accessibility and responsive design

Core Resources

This skill includes four comprehensive reference documents. Read these as needed during your work: