Material 3 Expressive
Handles Android UI/UX design and reviews using Material 3 Expressive, Google's flavor of Material You with bolder shapes, richer color, and controlled motion. It's built for component token lookups (buttons, dialogs, sheets, toolbars) and will give you guidance plus token references by default, not just implementation snippets. The intake questions cover device class, window size, and hero moments, which is smart because M3 Expressive lives or dies on restraint. It enforces max 1-2 hero moments per flow and won't let you strip text labels for aesthetics. The tiered reference system loads an index first, then pulls component specs on demand. Good for design decisions, not useful if you just want boilerplate code without thinking through hierarchy or accessibility.
- skills.sh installs
- 531
- GitHub stars
- 11
- last updated
- Aug 21, 2026
Install
$ npx -y skills add albermonte/android-skills --skill material-3-expressive --agent claude-codeInstalls into .claude/skills of the current project.
Files
Material 3 Expressive (Android UI/UX)
Overview
Design and review Android UI/UX using Material 3 Expressive. Prioritize component-token requests for dialogs, sheets, modals, toolbars, and buttons, with guidance plus token references by default.
Intake Questions
- Target device class (phone, tablet, foldable, Wear OS)
- Window size class (Compact, Medium, Expanded)
- Brand constraints and dynamic color usage
- Primary action(s) and desired hero moments (1-2 max)
- Motion constraints and reduced-motion expectations
- Accessibility targets (contrast, touch target)
Default Assumptions
- Intensity level: Foundational
- Window size class: Compact
- Dynamic color: enabled
- Standard navigation patterns preserved
Quick Workflow
- Confirm intensity level + hero moments
- Confirm device class + window size class
- Load Tier 1 index and output template
- Load component overview + token spec files
- If theming needed, load Tier 3 foundation tokens
- Output: guidance + token refs (see template)
Default Output Format (Guidance + Token Refs)
Use references/m3-component-token-output-template.md verbatim as the base output shell.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/albermonte/android-skills
- Categories
- Frontend Development, Git & Pull Requests, Code Review & Quality, Mobile Development, Design & UI/UX
- First seen
- Jun 3, 2026
Recommended
More Frontend Development
cli-anything-iterm2hkuds/cli-anythingProvides the cli-anything-iterm2 commands — the only way to actually send text to iTerm2 sessions, read live terminal output and scrollback history, manage wind530skills.sh installs
playwright-skilldavila7/claude-code-templatesComplete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts to /tmp. Test pages, fill forms, take screenshots, check respon525skills.sh installs
instagram-content-benchmarkpostplusai/postplus-skillsBenchmark Instagram posts and Reels to discover winning content patterns, shortlist high-value examples, and extract reusable hooks and formats.525skills.sh installs
instant-0-100msdylantarre/animation-principlesUse when building instantaneous UI feedback under 100ms - button presses, toggles, state changes that feel immediate and responsive524skills.sh installs
groove-work-docandreadellacorte/grooveCreate a 'how does X work' documentation file for a codebase component or concept. Use $ARGUMENTS as the doc topic if provided.518skills.sh installs
golang-grpcbobmatnyc/claude-mpm-skillsProduction gRPC in Go: protobuf layout, codegen, interceptors, deadlines, error codes, streaming, health checks, TLS, and testing with bufconn518skills.sh installs