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 4k 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 business meaning, spatial organization, visual treatment, and interaction behavior. Name which is being chosen this round, what is already approved, and what remains open; approval of one does not approve the others. Follow the user's stated review order and do not reopen an approved dimension without a later correction. Distinguish choosing one direction, retaining several directions, and assigning directions to different visual roles. Multiple options do not imply mutual exclusion; retaining both does not decide how they coexist. Keep an unresolved adoption or fusion choice open while exploring the authorized directions. 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. Freeze the existing spatial structure, navigation, zoom/detail levels, and reading behavior outside this round's authorized axes. Name those axes before evolving a product; do not rearrange it into another page merely to make a style comparison easier. 2. Collect Existing Assets First Inspect the current rendered UI or screenshots. Before selecting a structural screenshot, match its actual surface and interaction level to the user's target. …

How to use it

Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:

@skills daymade/design-style-picker--ac666a

View the source on GitHub

Browse the @skills marketplace