What problem does it solve? AI-generated website design references often collapse into repetitive defaults like left-text/right-image heroes, purple-blue gradients, and single tall page slices that developers cannot accurately implement. This Skill enforces disciplined art direction so every generated image is a buildable, premium frontend design comp. ## Core Features & Use Cases - One Image Per Section: Generates a separate horizontal image for every page section (hero, features, pricing, CTA), never collapsing multiple sections into one frame. - Combinatorial Variation Engine: Selects theme paradigm, typography character, hero architecture, section anchors, and background modes to avoid generic AI-looking layouts. - Multi-Image Consistency: Enforces one palette, type scale, CTA family, and image treatment across all section frames so they read as a single brand. - Use Case: Ask for a landing page for a premium SaaS product and receive 6-8 labeled horizontal section images (hero, trust bar, features, showcase, testimonials, pricing, CTA) that a developer or coding model can directly recreate. ## Quick Start Generate a landing page design for a minimalist fintech product with one horizontal image per section.
