What problem does it solve? AI-generated interfaces often look generic and templated, relying on default fonts, timid color palettes, and predictable layouts. This Skill provides a structured design philosophy that helps you make intentional visual decisions and avoid generic "AI slop" aesthetics. ## Core Features & Use Cases - The 5 Pillars Framework: Covers typography with character, committed color themes, purposeful motion, brave spatial composition, and atmospheric depth. - Concrete Rules & Practices: Each pillar includes a concept, a rule (e.g., avoid Inter, Roboto, and system-ui defaults), and actionable practices such as CSS variable systems and staggered reveals. - Adherence Checklist: A five-point verification checklist to run before completing any UI task. - Use Case: When building a landing page or dashboard, apply the pillars to choose a distinctive display font, commit to a bold dominant color with sharp accents, orchestrate one high-impact animation, and layer textures or gradient meshes for depth. ## Quick Start Apply the frontend philosophy skill to redesign this page with distinctive typography, bold colors, and layered visual depth.
