What problem does it solve? AI-generated website design references often collapse into repetitive defaults: a single tall image for the whole page, the same left-text/right-image hero, purple-blue gradients, and layouts no developer can actually build from. This Skill enforces disciplined art direction so every generated image is a premium, codeable frontend design comp. ## Core Features & Use Cases - One image per section: A landing page with 8 sections produces 8 separate horizontal images, never one collapsed tall slice. - Combinatorial variation engine: Picks theme paradigm, typography character, hero architecture, background mode, CTA style, and composition anchors per section while keeping one consistent palette and brand world across all frames. - Anti-AI-slop rules: Bans generic gradients, cloned card rows, fake dashboards, and filler copy so output reads as art-directed design. - Use Case: Ask for a landing page for a SaaS product and receive 6-8 labeled section images (hero, trust bar, features, showcase, testimonials, CTA) that a developer or coding model can directly implement. ## Quick Start Ask the AI to generate a landing page design for your product, specifying the number of sections and brand mood, and receive one horizontal reference image per section.
