What problem does it solve? AI-generated website design references often collapse into repetitive, generic layouts or a single tall image that developers cannot accurately implement. This Skill enforces disciplined art direction so every section of a page is produced as its own horizontal, codeable design comp with consistent branding. ## Core Features & Use Cases - One Image Per Section: Generates a separate horizontal image for every page section (hero, features, pricing, CTA), never combining sections into one frame. - Art Direction Engine: Applies combinatorial variation across theme, typography, hero architecture, composition anchors, background modes, and CTA styles to avoid generic AI-looking output. - Brand Consistency Across Frames: Enforces one palette, type scale, 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 recreate. ## Quick Start Generate an 8-section landing page design for a premium fintech product with one horizontal image per section.
