Material Design 3

hamen/material-3-skill

Apply Material Design 3 guidance to components, themes and layouts, with a primary focus on Jetpack Compose.

Latest update at:

View on GitHub
npx --yes skills add hamen/material-3-skill --skill material-3 -y
1,571Stars82ForksRepository last pushed

Install and use Material Design 3

  1. Install the Skill

    Run the upstream command in your project, then follow the author’s setup guide and any requirements below.

    npx --yes skills add hamen/material-3-skill --skill material-3 -y
  2. Give your agent a task

    Provide the relevant files, context and constraints. For example:

    Review this Jetpack Compose screen against Material Design 3 and suggest theme and component changes.

About this Skill

Apply Material Design 3 guidance to components, themes and layouts, with a primary focus on Jetpack Compose.

Why we picked it

Plan a Compose theme or audit an application against the skill’s Material 3 checklist.

What it helps with

  • Plan a Compose theme or audit an application against the skill’s Material 3 checklist.

Usage and limitations

Flutter is secondary and Material Web support is limited; the upstream notes that Material Web is in maintenance mode and lacks full Expressive parity.

Before you use it

  • A suitable coding agent and the target project are needed; verify platform APIs against current official documentation.

Sources & references

Original sources are linked below. Practical starting points are editorial suggestions from SkillHey.