What problem does it solve? AI-generated frontend code tends to fall into generic visual clichés such as centered hero sections, purple gradients, Inter font, and three-column card rows. This Skill enforces a strict set of design engineering rules so generated React and Tailwind interfaces look distinctive, polished, and consistent. ## Core Features & Use Cases - Design Bias Correction: Bans common AI tells like neon glows, pure black, generic names, and 3-column card layouts while enforcing typography, color, and spacing standards. - Tunable Design Dials: Configures DESIGN_VARIANCE, MOTION_INTENSITY, and VISUAL_DENSITY levels that drive layout asymmetry, animation behavior, and information density. - Motion & Bento Patterns: Provides Framer Motion spring physics, perpetual micro-interactions, and a five-card Bento grid paradigm for SaaS dashboards. - Use Case: Ask your agent to build a Next.js SaaS dashboard and receive code with asymmetric layouts, skeleton loading states, staggered reveals, and customized shadcn/ui components instead of default-looking output. ## Quick Start Ask your agent to build a React dashboard or landing page using the design-taste-frontend-v1 skill with your preferred variance and motion levels.
