domains / families / design / design-wizard

design-wizard

separate

Interactive design wizard that guides through a complete frontend design process with discovery, aesthetic selection, and code generation. Use for creating distinctive, production-ready UI.

When to use

• Discovery - Understanding what to build
• Research - Analyzing trends and inspiration
• Direction - Selecting aesthetic approach
• Colors - Choosing color palette
• Typography - Selecting fonts
• Implementation - Generating code
• Review - Validating quality

When not to use

• generic fonts (Inter, Roboto, Arial)
• purple/blue gradients on white
• generic blob shapes
• excessive rounded corners
• predictable templates
• hero badges/pills

Skill page

Source