frontend-aesthetics

Avoid AI-generated UI by applying contextual design principles for distinctive typography, color palettes, and motion. This Skill guides you through deliberate aesthetic choices—avoiding default fonts and gradients—to create polished, recognizable interfaces for dashboards, marketing sites, and product UIs.

Select typography and color pairings contextually rather than using hard-coded defaults. This Skill provides reusable guidance tailored to your product type and audience, ensuring recommendations scale across your design system without relying on generic AI aesthetics.

Motion and interaction guidance depend on your product context. This Skill teaches principles for thoughtful micro-interactions that improve usability while maintaining a cohesive feel—avoiding both bland defaults and gratuitous effects.

Yes. This Skill applies to multiple modern frontend contexts—dashboards, marketing sites, and product UIs—providing context-sensitive design guidance that adapts to each use case rather than prescribing one-size-fits-all aesthetics.

Contextual guidance avoids hard-coded design values by teaching principles that scale with your product's needs. Unlike static frameworks, it emphasizes distinctive aesthetics tailored to your specific frontend context—helping you escape default, AI-generated looks.