UI Aesthetics

Intent

Use this skill to make web UI output feel more professional, stable, and product-grade.

Default goals:

• preserve the user's requested artifact scope and content footprint
• produce balanced composition before adding decoration
• make hierarchy readable at a glance
• keep color restrained but expensive-looking
• use shadows, blur, glow, and highlights only when they clarify depth
• keep motion short, smooth, and useful
• make components feel precise before they feel styled
• keep states, motion, and depth inside one coherent system

This skill is framework-agnostic. Judge not only page composition, but also component precision, state behavior, motion grammar, and depth discipline. Lead with design judgment, then implement.