How do I install the Material 3 Skill skill?

Run npx skillmds add podo/material-3-skill in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Material 3 Skill safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls, reads secrets. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Material 3 Skill?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Material 3 Skill free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Material 3 Skill?

podo (@podo) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Material 3 Skill by podo — Agent Skill

Name: Material 3 Skill
Rating: 4.666666666666667 (3 reviews)
Author: podo

Material 3 Skill

Implements Google Material Design 3 (Material You) — adaptive color, tonal surfaces, dynamic theming, spring-based motion, and 30+ components for Jetpack Compose (primary) and Flutter (secondary). Includes token system, layout scaffolds, responsive window size classes, accessibility, and a 10-category MD3 compliance audit.

podo d732513 2 files · 2.1 KB Updated Sep 9, 2026

File contents

material-3-skill

Catalogue stub — full skill: hamen/material-3-skill

Install the full skill

Clone or copy the skill into your agents directory:

Global:

mkdir -p ~/.agents/skills/material-3-skill
curl -fsSL https://raw.githubusercontent.com/hamen/material-3-skill/master/skills/material-3/SKILL.md \
  -o ~/.agents/skills/material-3-skill/SKILL.md

Project:

mkdir -p .agents/skills/material-3-skill
curl -fsSL https://raw.githubusercontent.com/hamen/material-3-skill/master/skills/material-3/SKILL.md \
  -o .agents/skills/material-3-skill/SKILL.md

What it does

Deep expertise in Google's Material Design 3 system. Covers:

Dynamic color — ColorScheme.fromSeed, tonal palette generation, light/dark scheme derivation
Component library — 30+ MD3 components in Jetpack Compose with correct token bindings
Token system — color roles, typography scale, shape scale, elevation/tonal elevation
Layout — Scaffold, NavigationBar vs NavigationRail vs NavigationDrawer by window size class
Motion — spring-based animations, shared element transitions, container transforms
Compliance audit — 10-category checklist scoring MD3 conformance
Flutter — secondary coverage with ThemeData + useMaterial3: true

When NOT to use

iOS / SwiftUI — use apple-hig-skills or liquid-glass-skill
Cross-platform HIG patterns — use platform-design-skills
Android design without Compose (XML Views) — this skill is Compose-first

---name: material-3-skilldescription: Implements Google Material Design 3 (Material You) — adaptive color, tonal surfaces, dynamic theming, spring-based motion, and 30+ components for Jetpack Compose (primary) and Flutter (secondary). Includes token system, layout scaffolds, responsive window size classes, accessibility, and a 10-category MD3 compliance audit.--- # material-3-skill > Catalogue stub — full skill: [hamen/material-3-skill](https://github.com/hamen/material-3-skill) ## Install the full skill Clone or copy the skill into your agents directory: **Global:** ```bash mkdir -p ~/.agents/skills/material-3-skill curl -fsSL https://raw.githubusercontent.com/hamen/material-3-skill/master/skills/material-3/SKILL.md \ -o ~/.agents/skills/material-3-skill/SKILL.md ``` **Project:** ```bash mkdir -p .agents/skills/material-3-skill curl -fsSL https://raw.githubusercontent.com/hamen/material-3-skill/master/skills/material-3/SKILL.md \ -o .agents/skills/material-3-skill/SKILL.md ``` ## What it does Deep expertise in Google's Material Design 3 system. Covers: - **Dynamic color** — `ColorScheme.fromSeed`, tonal palette generation, light/dark scheme derivation - **Component library** — 30+ MD3 components in Jetpack Compose with correct token bindings - **Token system** — color roles, typography scale, shape scale, elevation/tonal elevation - **Layout** — Scaffold, NavigationBar vs NavigationRail vs NavigationDrawer by window size class - **Motion** — spring-based animations, shared element transitions, container transforms - **Compliance audit** — 10-category checklist scoring MD3 conformance - **Flutter** — secondary coverage with `ThemeData` + `useMaterial3: true` ## When NOT to use - iOS / SwiftUI — use `apple-hig-skills` or `liquid-glass-skill` - Cross-platform HIG patterns — use `platform-design-skills` - Android design without Compose (XML Views) — this skill is Compose-first

Frequently asked questions