Design And Refine

Use rapid design iteration to make confident UI decisions before committing to one implementation. Generate multiple distinct variations, compare them, and synthesize the best direction with explicit tradeoffs.

When to Use

• Starting a new component or page - explore different approaches before committing
• Redesigning existing UI - see alternatives to what you have today
• Stuck on a design direction - generate options when you're not sure what you want
• Getting stakeholder buy-in - show concrete variations instead of describing ideas
• Learning what works - see how different layouts, densities, and patterns feel

Required Stack

Before running this workflow, load:

1. ui-skills
2. frontend-design
3. 1+ specialist skills that fit the task, such as arrange, typeset, colorize, animate, distill, or polish