ui-enhance-animate

Comprehensively upgrades and polishes an existing website's UI design — improving layout, typography, spacing, depth, visual hierarchy, and component refinement — while preserving the site's existing color palette. Also adds smooth, staggered blur+slide-up reveal animations using Framer Motion (or CSS if plain HTML) triggered when elements enter the viewport. Use this skill whenever the user wants to improve, modernize, polish, or animate an existing website or React/HTML page. Trigger even when the user only mentions "make it look better", "animate it", "improve the design", "upgrade the UI", "make it more modern", or "add scroll animations" — this skill handles all of those, not just animation.