What problem does it solve? AI-generated website design references often collapse into repetitive defaults: one tall image for a whole page, left-text/right-image heroes, purple-blue gradients, and inconsistent styling across sections. This Skill enforces disciplined art direction so every generated image is a usable, codeable 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 sections into a single frame. - Combinatorial variation engine: Picks theme paradigm, typography character, hero architecture, composition anchors, background modes, and CTA styles to avoid generic AI-looking layouts. - Brand consistency across frames: Enforces one palette, type scale, CTA family, and image treatment across all per-section images so they read as one site. - 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 implement. ## Quick Start Ask the AI to generate a landing page design for your product, specifying the style mood and number of sections, and receive one horizontal reference image per section.
