material-thinking

What problem does it solve?

This Skill helps you design, review, and implement Material Design 3 interfaces without guessing at component choices, visual tokens, accessibility requirements, or expressive motion patterns.

Core Features & Use Cases

• Material 3 guidance: Choose the right buttons, navigation, cards, inputs, and communication components for a given screen.
• Design token generation: Define or review color schemes, typography, shapes, elevation, icons, and motion with Material 3 conventions.
• Expressive UI support: Apply M3 Expressive tactics such as shape morphing, emphasized motion, and dynamic theming for premium-feeling interfaces.
• Accessibility and adaptation: Check contrast, touch targets, responsive layout behavior, reduced-motion considerations, and platform-appropriate patterns.
• Use case: A product team can use this Skill to turn a rough mobile screen concept into a polished Android Compose implementation that follows Material 3 and remains accessible across device sizes.

Quick Start

Ask the Skill to evaluate your screen, recommend the correct Material 3 components and tokens, and suggest any expressive enhancements needed to match the intended experience.