What problem does it solve? AI-generated website design references often collapse into repetitive, generic layouts (left-text/right-image heroes, purple gradients, cloned card rows) and a single tall page image that developers cannot accurately implement. 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: Generates a separate horizontal image for every page section (hero, trust bar, features, pricing, CTA), never collapsing the page into one frame. - Combinatorial variation engine: Selects theme paradigm, typography character, hero architecture, section system, background mode, and CTA style per section to avoid AI-default layouts. - Brand consistency enforcement: Maintains one palette, type scale, CTA family, and image treatment across all per-section frames so they read as a single site. - Use Case: Ask for an 8-section SaaS landing page and receive 8 labeled horizontal design comps (Section 1 of 8: Hero, etc.) that a developer or coding model can directly recreate. ## Quick Start Generate an 8-section landing page design for a premium SaaS product with one horizontal image per section.
