# hamen/material-3-skill

Material Design 3 skill for Claude Code — 30+ components, design tokens, theming, responsive layout, and MD3 compliance audit

Repository: https://github.com/hamen/material-3-skill
Canonical: https://ross.abutalabs.com/products/material-3-skill
Language: Shell
License: MIT
License Family: permissive
Last push: 2026-07-15T22:10:50+00:00

## Health v2 (maintenance only)
Score: 75/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 92, release rhythm 90, longevity 10
- inputs: {"age_days": 146, "days_push": 49, "days_rel": 65, "gap_med": 19.0, "n_releases_24m": 3}
- flags: young
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1321, forks 68 (observed 2026-08-28T04:04:20.823875+00:00)

## What it is
A Claude Code skill (SKILL.md package) that teaches AI coding assistants Google's Material Design 3 system, with 30+ component specs, design tokens, theming guidance, and responsive layout rules. It also includes an MD3 compliance audit capability and installs via the Claude Code plugin marketplace or npx skills.

## Use cases
- generate Material Design 3 components with an AI coding assistant
- create an MD3 theme from a source color
- audit existing UI code for Material Design 3 compliance
- scaffold responsive MD3 layouts
- get design tokens and theming rules for Material You
- make Claude Code follow Material Design 3 guidelines

## When to choose
- you use Claude Code or another skill-aware AI assistant and want MD3-accurate UI output
- you need canonical Material Design 3 tokens, components, and layout rules in one reference
- you want to audit a codebase against MD3 compliance

## When to avoid
- you don't use an AI coding assistant that supports SKILL.md files
- you need a component library with runnable code rather than a knowledge skill
- you target Material Design 2 or a non-Material design system

## Facets
- artifact type: learning-resource
- maturity: active
- function: ui-components, theme, documentation, developer-tools
- domain: web-development, frontend, web-design, developer-tools, artificial-intelligence
- platform: cli, cross-platform
- tags: material-design-3, claude-code, skill, design-system, theming, ai-assistant, design-tokens, responsive-layout

## Member repositories
- hamen/material-3-skill (main) score 75

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:20.823875+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T04:47:17.798904+00:00, confidence not recorded.
  - readme: https://github.com/hamen/material-3-skill (fetched 2026-08-28T04:04:20.823875+00:00, sha 598005d96580)
- Data as of 2026-08-30T08:39:29.467469+00:00.