What problem does it solve? AI-generated interfaces tend to fall back on the same defaults: Inter fonts, purple-blue gradients, hero-plus-three-cards layouts, and missing interactive states. This Skill enforces an opinionated rule set so generated UIs look deliberately designed rather than template-produced. ## Core Features & Use Cases - Design generation with locked tokens: Builds HTML/CSS/JS or React pages using 21 rotating named themes, named CSS variables, and 10 alternative macrostructures instead of the default hero+3-card+CTA rhythm. - Audit, redesign, and study verbs: Scores an existing target against the 57-gate anti-pattern list, redesigns only the visual layer while preserving routes and copy intent, or extracts design DNA from a screenshot or URL. - Quality gates before output: Requires a 6-axis self-critique score, 8-state completeness for every interactive component, and a ban on fabricated metrics or testimonials. - Use Case: Ask the agent to redesign a landing page that looks like generic AI output; it returns a ranked punch list of slop violations, then rebuilds the page with a new section rhythm, token-locked palette, and full component states. ## Quick Start Ask the agent to run hallmark audit on your landing page file to get a ranked list of design anti-patterns to fix.
