What problem does it solve? LLMs default to generic, clichéd UI patterns such as centered heroes, purple gradients, Inter font, and three-column card rows. This Skill enforces a rule-based design system that overrides those biases to produce distinctive, production-grade frontend code. ## Core Features & Use Cases - Bias-Correction Design Rules: Bans common AI tells (neon glows, pure black, generic names, Unsplash links) and enforces deterministic typography, single-accent color calibration, and asymmetric layouts. - Configurable Design Dials: Drives output through three tunable variables (DESIGN_VARIANCE, MOTION_INTENSITY, VISUAL_DENSITY) that control layout asymmetry, animation depth, and information density. - Motion & Bento Architecture: Specifies Framer Motion spring physics, perpetual micro-interactions, staggered orchestration, and a five-card Bento grid paradigm for SaaS dashboards, with strict performance guardrails (transform/opacity only, isolated client components). - Use Case: Ask for a landing page or dashboard and receive React/Tailwind code with split-screen heroes, magnetic buttons, skeleton loading states, and mobile-safe responsive fallbacks instead of generic centered layouts. ## Quick Start Use the taste-skill to build a React dashboard with a bento grid layout, spring-based micro-animations, and a single emerald accent color.