Css

A design methodology skill that guides creation of visually striking, memorable frontend interfaces. It provides principles for typography, color, motion, and spatial composition while encouraging bold aesthetic choices that avoid generic AI-generated looks. The skill contains no executable code - only design thinking frameworks and implementation guidelines.

This skill provides comprehensive design guidelines for creating distinctive, production-grade frontend interfaces. It covers typography choices, color themes, motion/animations, spatial composition, and background effects while explicitly avoiding generic 'AI slop' aesthetics like overused fonts and clichéd color schemes.

This skill provides comprehensive guidelines for diagnosing and fixing UI animation performance problems. It covers rendering optimization rules across compositing, paint, and layout phases, with specific guidance for scroll-linked motion, blur effects, view transitions, and avoiding common performance pitfalls like layout thrashing.