hamen/material-3-skill

Material Design 3 Skill for Claude Code is a reference package that teaches Claude Code, Anthropic's AI coding assistant, how to correctly implement Google's Material Design 3 (also called Material You) visual design system in your app. Material Design 3 is Google's latest set of guidelines for how apps should look and behave on Android and other platforms: it defines specific color roles, typography scales, component styles, spacing, shapes, and motion patterns. The problem it solves is that building a UI that correctly follows all of Material Design 3's rules is complex, there are hundreds of specific token values (named design variables like color or spacing sizes), component specifications, and platform-specific requirements. Without this skill, Claude Code might produce visually similar but technically incorrect implementations. This skill gives Claude detailed reference documentation so it generates code that properly uses the design system's intended APIs and values. The skill focuses primarily on Jetpack Compose (the modern Android UI framework), with secondary coverage of Flutter, and limited coverage of web (the web implementation of Material Design 3 is in maintenance mode and lacks some features). It includes a catalog of over 30 components, theme generation guides, responsive layout patterns, and an audit mode that scores an existing app across 10 categories, such as color usage, typography, accessibility, and motion, then suggests specific fixes. You install it by copying a folder into Claude Code's skills directory. Once installed, you interact with it via slash commands like "/material-3 component" or "/material-3 audit". It has no runtime dependencies of its own.