Generate a strict Material Design 3 token set from a painting. Picks 3 maximally-distinct colors to fill M3's primary/secondary/tertiary slots, with standard near-white surfaces. Use when you need M3-compliant tokens that work with any M3-consuming framework (MUI, Jetpack Compose, Flutter). Triggers on "strict M3", "standard Material", "M3 compliant", "professional app theme from painting".
Generate an expressive design token system that captures a painting's full color richness. Maps EVERY significant painting color to a UI role — bold surfaces, extended color tokens, painting-faithful atmosphere. Use when the UI should feel like being inside the painting. Triggers on "expressive theme", "painting atmosphere", "all painting colors", "rich palette", "evoke the painting", "painting-faithful", or any request where the user wants maximum color expressiveness from a visual reference.
Generate a full design component library from DTCG design tokens. Use this skill when the user has design tokens (from the painting-to-m3 or painting-to-theme skills, from Tokens Studio, from any DTCG JSON file, or from a CSS variables file) and wants to generate UI components, a component library, or a design system implementation from them. Triggers on phrases like "build components from these tokens", "create a UI kit from my tokens", "generate a component library", "turn these tokens into components", "make a design system from these colors", "apply these tokens to Material components", "create components from my design tokens". Also triggers when the user has already generated tokens and wants the next step — turning abstract tokens into usable UI building blocks. Outputs React components styled entirely by the token system.