What problem does it solve? Existing frontend pages often work functionally but look like generic AI-generated templates. This Skill audits and upgrades such pages by applying opinionated design baselines (variance, motion intensity, visual density) so the UI gains a distinctive, polished character instead of a default look. ## Core Features & Use Cases - Baseline-Driven Refinement: Applies configurable DESIGN_VARIANCE, MOTION_INTENSITY, and VISUAL_DENSITY dials to drive typography, color, layout, and animation decisions. - Targeted Upgrade Passes: Selects only the 3-5 highest-impact improvements per pass (fonts, color, spacing, motion rhythm) and delivers a change list with rationale. - Anti-Slop Rules: Bans common AI design tells such as Inter font, purple gradients, centered heroes, 3-column card rows, and generic placeholder data. - Use Case: You have a working Next.js dashboard that feels bland. Share the page, and the Skill restructures it into a Bento grid with spring-physics micro-interactions, Geist typography, and proper loading/empty/error states. ## Quick Start Ask the AI to review your existing React page and refine its typography, color palette, spacing, and motion using the design-taste baselines, then list the changes made.
