What problem does it solve? AI-generated website design references often collapse into repetitive defaults: a single tall page image, left-text/right-image heroes, purple-blue gradients, and generic card grids. This Skill enforces disciplined art direction so generated images look like real, premium, codeable frontend design comps. ## 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: Picks theme paradigm, typography character, hero architecture, section anchors, background modes, and CTA styles to avoid repetitive 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 a single site. - Use Case: Ask for an 8-section SaaS landing page and receive 8 labeled horizontal design comps that a developer or coding model can directly implement. ## Quick Start Generate a premium landing page design for a fintech product with 8 sections, one horizontal image per section.
