What problem does it solve? AI image generation for website design often collapses into repetitive defaults: a single tall page slice, left-text/right-image heroes, purple-blue gradients, and generic card grids. This Skill enforces disciplined art direction so generated images look like premium, codeable frontend design references instead of AI slop. ## Core Features & Use Cases - One image per section: A hard output rule guarantees one separate horizontal image per page section (e.g., an 8-section landing page produces 8 images), never a single collapsed tall slice. - Combinatorial variation engine: Picks theme paradigm, background mode, typography character, hero architecture, section anchors, CTA styles, and a narrative concept spine so every page has a distinct, consistent brand world. - Anti-slop and consistency rules: Bans generic copy, AI gradient clichés, and cloned layouts while enforcing one palette, type scale, and image treatment across all frames. - 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 Generate a landing page design for a premium fintech product with one horizontal image per section.
