What problem does it solve? AI coding assistants produce interfaces with recognizable template patterns: purple-gradient heroes, Inter-everywhere typography, 3-column feature grids, and identical nav/footer shapes. This Skill enforces structural and visual variety so generated pages and components look deliberately designed rather than model-defaulted. ## Core Features & Use Cases - Design flow for new pages: Runs a pre-flight scan of the existing project (fonts, palette, motion libraries, framework), asks a three-question context gate (audience, use case, tone), then picks one of 21 macrostructures and a rotating theme catalog with OKLCH token discipline. - Audit, redesign, and study verbs: hallmark audit scores a target against a named anti-pattern list and returns a ranked punch list; hallmark redesign restructures visuals inside existing implementation boundaries; hallmark study extracts design DNA from a screenshot or URL. - Component-scope mode: Detects single-element briefs (button, card, modal) and emits the component plus an 8-state demo wrapper covering default, hover, focus, active, disabled, loading, error, and success states. - Use Case: Ask the assistant to build a landing page for a SaaS product; the Skill reads your Tailwind config and font stack, picks a macrostructure different from previous outputs, locks all colors to named tokens, and verifies the result at 320/375/414/768 px widths. ## Quick Start Ask the assistant to design a landing page for your product and answer or skip the three questions about audience, use case, and tone.
