Design Style Picker

What it does

• Turns vague taste into concrete choices by generating a structured set of comparable visual options rather than guessing one final design.
• Builds a two-axis matrix instead of near-identical variants: a vertical ladder that moves one dimension in large steps (e.g. color intensity 20/35/50/65/80) and horizontal directions that change the organizing strategy (data-driven, brand spine, warm product imagery, governance-led layout).
• Collects existing assets first — rendered UI, design tokens, CSS variables, component names, brand cues — and evolves them instead of throwing them away.
• Treats color as a role system: broad zones for architecture, multi-color for data semantics, brand/risk colors for rare emphasis, neutrals for routine UI. Includes deliberate overload boundary samples so "too much" becomes visible.
• Reviews its own generated images, flags which are too dead / too colorful / too generic, and presents file paths with a short decision note.
• After you choose, it extracts principles, not pixels, fuses the selected references explicitly, implements into the existing UI, and runs rendered visual QA.

Who it's for

• Developers and solo founders deciding a product's visual tone without a designer.
• Freelancers whose clients only say "make it more premium" with no specifics.
• Teams that want to upgrade a live design system incrementally instead of rebuilding it.
• Anyone who needs to lock a visual direction fast for a landing page, dashboard, or deck.

Examples

1. Color tuning: after "this is too colorful" feedback, it produces a five-step ladder from a 20% to an 80% color budget plus an overload sample, exposing your real upper bound.
2. Design-system evolution: it reads your CSS variables and component names, keeps that vocabulary, and renders four horizontal directions so you compare organizing strategies rather than random concepts.
3. Fused implementation: you pick H02 and V04, and it states "color placement from H02, palette intensity from V04" before applying the result to your actual UI.

Install the skill I found on Claude Skill Mart.
Copy the design-style-picker folder from the GitHub repo daymade/claude-code-skills into my ~/.claude/skills/design-style-picker/.
When it's done, tell me in one line what this skill can do.