imagegen-weblisted

# Imagegen Web Generate premium website design reference images — one horizontal image per section — that feel art-directed, premium, and implementation-friendly, not generic AI slop. Output is images only, never code. ## When to use - Generating website design reference images for developers or coding models to recreate - Landing pages, marketing sites, product comps, portfolio concepts - Need premium art direction: composition variety, hero scale control, narrative spine - Triggers on "web design image", "website mockup", "landing page image", "section image", "网站设计图", "网页参考图", "落地页配图" **Not for:** frontend code (use `frontend-design`); mobile screens (use `imagegen-mobile`); brand identity (use `brandkit`); image-to-code pipeline (use `image-to-code`). ## Steps ### 1. Lock the section count — one image per section The hard rule: **one horizontal image per section, always.** Never combine multiple sections into one frame; never return a single tall slice of the whole page; never replace several sections with one collage. This overrides any model default that collapses output. - 1 section → 1 image; 8 sections → 8 images; 12 sections → 12 images. - If the count is ambiguous, default high: "hero" → 1; "landing page" → 6; "full website" / "marketing site" → 8; "product page" / "portfolio" → 6. - Announce the count out loud: "Generating N horizontal images, one per section." - Format: horizontal — 16:9 or 21:9 for heroes, 16:10 for narrower content sections. - If only o