Guides Angular Material v3 (M3) theming — the mat.theme() mixin, system-level --mat-sys-* CSS tokens, color/typography/density configuration, and system/component token overrides. Angular Material v3's theme API is a near-total rewrite of v2's (M2's define-light-theme/define-dark-theme + all-component-themes pattern), so trigger this skill whenever the user is setting up a new Material theme, styling a custom component to match the Material theme, switching between light/dark mode, generating a custom color palette, adjusting density, or migrating an existing Material app from v2/M2 theming to v3/M3 theming — even if they just say "add Material theming", "make my component look like Material", or "fix my Material colors" without naming M3 explicitly.
2026-07-09