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.
How do I install this agent skill?
npx skills add https://github.com/podo/design-agent-skills --skill material-3-skillIs this agent skill safe to install?
- Gen Agent Trust Hubpass
The material-3-skill provides guidance on implementing Material Design 3 and includes commands to download the full version of the skill from a GitHub repository. No malicious behavior was detected.
- Socketwarn
1 alert: gptAnomaly
- Snykpass
Risk: LOW · No issues
What does this agent skill do?
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-skillsorliquid-glass-skill - Cross-platform HIG patterns — use
platform-design-skills - Android design without Compose (XML Views) — this skill is Compose-first
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/podo/design-agent-skills/material-3-skill">View material-3-skill on skillZs</a>