Agent skill · daymade
design-style-picker
Batch-generate and compare visual design directions so a user can choose the style they actually want. Use when the user says they cannot describe an abstract visual style, asks for many style options, wants to choose from generated UI/design-system images, rejects outputs as too colorful/too dead/too generic, or needs an existing UI/design system evolved without discarding current assets.
What it needs
About 3k tokens when loaded.
What this skill does
Design Style Picker Purpose Use this skill to turn vague taste into concrete visual choices. The goal is not to guess one final design; it is to generate a structured set of options that exposes the user's taste boundary quickly. Core Rule Do not ask the user to describe an abstract style if they already said they cannot. Generate comparable visual evidence, let them pick, then implement from the selected references. Workflow 1. Restate The Real Target Say what the user is actually choosing: design-system style, business app surface, landing page, deck, component library, etc. Separate the primary artifact from validation samples. If the task is a design system, business screens are optional validation samples, not the main deliverable. Preserve any existing UI, assets, tokens, layout, brand cues, and domain context unless the user explicitly asks to discard them. 2. Collect Existing Assets First Inspect the current rendered UI or screenshots. Read design tokens, CSS variables, component names, key images, brand/domain references, and existing screenshots. Treat current assets as the starting vocabulary. Do not generate unrelated "fresh" concepts over them. 3. Generate A Matrix, Not Minor Variants Use at least two axes when taste is unclear: Vertical ladder: one dimension changes by large steps, such as color intensity 20/35/50/65/80. Horizontal directions: different organization strategies, such as data-driven color, brand spine, warm product imagery, scenario modules, or governance-led layout. Make options visibly different. If two images look like siblings, regenerate one with a clearer contrast. Prefer batch generation. The user is waiting for selection, not watching one slow image at a time. 4. Use Color As A System "Less colorful" does not mean black-and-white. It usually means fewer competing focal points. Keep the product palette alive, but assign color roles: Broad zones and section bands for architecture. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills daymade/design-style-picker--ac666a