What problem does it solve? Manually building a complete Material Design 3 color system from a brand color is tedious and error-prone, requiring correct tonal palettes, light/dark schemes, surface containers, and fixed accent roles. This Skill automates the entire process using the same color engine behind Google's Material Theme Builder. ## Core Features & Use Cases - M3 Theme Generation: Produce full light and dark color schemes from any hex source color using @material/material-color-utilities and the HCT color space. - Nine Scheme Variants: Choose from tonal-spot, content, expressive, fidelity, fruit-salad, monochrome, neutral, rainbow, and vibrant dynamic color strategies. - Token Export: Output complete token sets including surface containers and fixed colors as CSS custom properties or JSON. - Use Case: Given a brand color like #FF9800, generate a production-ready CSS file with all M3 color roles for both light and dark modes in one command. ## Quick Start Ask the AI to generate an M3 theme from your brand hex color, for example: generate a Material 3 theme from #FF9800 and export it as CSS custom properties.
