skills.rest
Ivorisnoob
IvorisnoobCOMMUNITY
Explore all skills by this author →
Website𝕏@ivorisnoobGitHub

material-thinking

Design and review Material Design 3 interfaces for Android Compose UI.

100|7|Updated Dec 3, 2025
Search Tags:#accessibility#material design#ui design#jetpack compose#motion design#dynamic theming#material 3
One-click install
npx skills add https://github.com/Ivorisnoob/Koda --skill material-thinking
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: material-thinking
Source: https://github.com/Ivorisnoob/Koda/tree/main/docs
Command: npx skills add https://github.com/Ivorisnoob/Koda --skill material-thinking

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

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.

Frequently Asked Questions about material-thinking

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I choose the right Material 3 components for an Android Compose UI?▼

Material 3 component selection involves evaluating your screen to recommend appropriate buttons, navigation, cards, and inputs that ensure accessible and consistent user experiences across Android Compose UI.

What is dynamic theming and how does it work in Material Design 3?▼

Dynamic theming in Material Design 3 generates adaptive color schemes and visual tokens based on specific conventions, allowing interfaces to feel premium while maintaining consistent typography, shapes, and elevation across product screens.

How do I generate and review design tokens for color and typography in Material 3?▼

Generate and review Material 3 design tokens by applying conventions to define color schemes, typography, shapes, elevation, and icons, ensuring visual consistency across common product screens.

Can I use M3 Expressive motion and shape treatments for responsive layouts?▼

Yes, you can apply M3 Expressive tactics like shape morphing and emphasized motion to responsive layouts, ensuring interfaces remain accessible across device sizes while checking reduced-motion considerations.

How do I check accessibility and contrast requirements in a Material 3 interface?▼

Check Material 3 interface accessibility by reviewing contrast ratios, touch target sizes, responsive layout behavior, and reduced-motion considerations to ensure platform-appropriate patterns across all device sizes.

Related Skills

Explore More Design & Creative Skills→
plinioupliniou

skill-compose

Implement Android presentation layers with Jetpack Compose and Material 3.

Community
Advanced
krutikJainkrutikJain
14

android-material3-design-system

Apply Material 3 design tokens and themes to Android apps.

Community
Intermediate
ShawnRnShawnRn
1

material-design

Implement Material You color, typography, components, shapes, and motion across Android, web, and cross-platform UIs.

Community
Advanced
darblexdarblex

ui-ux-pro-max

Generate design systems and frontend UI code for web frameworks.

Community
Advanced