What problem does it solve? AI-generated websites tend to ship generic editorial templates with repeated card grids and stock-feeling layouts. This Skill encodes a specific owner's web-design taste as enforceable rules so every landing page, marketing site, or UI build produces distinct, custom-feeling sections instead of rejected "AI slop". ## Core Features & Use Cases - One mechanic per section: Requires each section to have a distinct interactive mechanic (cursor-reveal hero, pinned scrollytelling, bento grids, overlay menus) and forbids repeated templates or dead text-only runs. - Hero archetype selection: Provides named hero archetypes (cinematic product, gallery, bento, masthead, split/editorial) to choose deliberately per brief. - Image, type, and palette law: Rules for landscape hero photography, real stock sourcing via Pexels CDN URLs, per-project typeface pairing from fontsinuse.com, neutral base plus one accent, and readability scrims verified at 375/768/1440 widths. - Use Case: When asked to redesign a marketing site, the Skill forces a named hero archetype, a unique mechanic per section, axe-core accessibility checks, and Playwright screenshot review before shipping. ## Quick Start Redesign this landing page following the owner design taste rules, picking a hero archetype and giving each section its own interactive mechanic.
