This skill provides structured guidance for implementing Material Design 3 across Jetpack Compose, Flutter, and web. It covers the full token system, 30+ components, adaptive layout, theming, and the M3 Expressive update. A built-in compliance audit procedure scores apps across ten categories and produces a report with prioritized fixes. It helps Android and Flutter developers, design system engineers, and UX auditors build and verify MD3-consistent UIs.
Follow the documented setup, then try a first task.
Installs: Installs the material-3 skill from hamen/material-3-skill. · Codex, Claude Code, Cursor, multi-agent setups
Run this command in a terminal.
npx --yes skills add hamen/material-3-skill --skill material-3 -y
Installs: Adds the material-3-skill marketplace and installs its material-3 plugin, which registers skills/material-3/SKILL.md. · Claude Code
Enter these commands inside an interactive Claude Code session, not in a terminal shell.
/plugin marketplace add hamen/material-3-skill /plugin install material-3@material-3-skill
Installs: Adds the material-3-skill marketplace and installs its material-3 plugin, which registers skills/material-3/SKILL.md. · Claude Code
Run both commands in a terminal shell, in the documented order.
claude plugin marketplace add hamen/material-3-skill claude plugin install material-3@material-3-skill
Installs: Clones the repository and links its material-3 skill folder into Codex's skills directory. · Codex
Run from: material-3-skill after cloning
Run this command in a terminal to clone the repository.
git clone https://github.com/hamen/material-3-skill.git
Enter the cloned repository in the terminal.
cd material-3-skill
Create the documented Codex skills directory in the terminal.
mkdir -p ~/.codex/skills
From the cloned repository, create the documented symbolic link in the terminal.
ln -s "$(pwd)/skills/material-3" ~/.codex/skills/material-3
Installs: Clones the repository and links its material-3 folder into the skills directory read by the assistant. · Other SKILL.md loaders
Run from: material-3-skill after cloning
Run this command in a terminal to clone the repository.
git clone https://github.com/hamen/material-3-skill.git
Enter the cloned repository in the terminal.
cd material-3-skill
In a terminal, replace the literal /path/to/your/skills portion with the skills directory read by your assistant, while retaining material-3 as the final folder name.
ln -s "$(pwd)/skills/material-3" /path/to/your/skills/material-3
Uses material-3
/material-3 component Create a login form with email and password fields
Uses material-3
/material-3 theme Generate a theme from seed color #1A73E8
Uses material-3
/material-3 scaffold Create a responsive app shell with navigation
Claude
Codex
Cursor