What problem does it solve?
Users often cannot describe the abstract visual style they want, leading to repeated rejected UI outputs that are too colorful, too plain, or too generic. This Skill replaces verbal guesswork with batch-generated visual options the user can directly compare and pick from.
Core Features & Use Cases
- Matrix-Based Generation: Produces a vertical ladder (e.g., color intensity 20/35/50/65/80) plus horizontal direction variants so options differ meaningfully rather than being minor tweaks.
- Asset-Preserving Evolution: Inspects existing UI screenshots, design tokens, CSS variables, and brand cues first, then evolves the current design system instead of replacing it.
- Structured Selection and Fusion: Labels each candidate with concrete decision notes, then fuses chosen references by extracting color roles, layout density, and focal hierarchy before implementation.
- Use Case: A user says their dashboard is "too colorful" but cannot explain further. The Skill generates boundary samples from restrained to overloaded, lets the user pick concrete files, then implements the selected fusion in the existing UI.
Quick Start
Use the design-style-picker skill to generate a matrix of visual style directions for my current UI so I can pick the one I want.
