What problem does it solve? Frontend output often defaults to generic, template-like visuals—centered heroes, gradient headlines, uniform card grids—that make products visually interchangeable. This Skill commits approved frontend requirements to one specific, recognizable aesthetic direction instead of vague styling. ## Core Features & Use Cases - Art Direction Commitment: States one visual concept in one sentence and selects a single signature device (typography, composition, texture, color, or motion) to guide all design decisions. - Anti-Template Check: Audits output against common generic patterns like purple-blue gradients, glass cards, and animation on every element, requiring product-specific justification for unusual choices. - Rendered Verification Loop: Runs render, inspect, compare, and correct cycles on target routes using browser-interaction capability, fixing systemic differences through shared components and semantic tokens. - Use Case: When building an operations dashboard, instead of a generic "modern dark dashboard", the Skill produces a specific direction like "night-shift control room with high-density telemetry and one amber incident rail" that drives typography, hierarchy, color, and motion. ## Quick Start Use the distinctive frontend design skill to define a visual direction for the new landing page before implementing it.
