Painting To M3
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".
Painting To Theme
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-f…
Tokens To Components
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…