imagegen-frontend-web
Elite frontend image-direction skill for generating premium website design references with varied composition and consistent palette
What it does
Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. Never compress multiple sections into one image. Enforces composition variety (not always left-text / right-image), background-image freedom, varied CTAs, varied hero scales (giant / mid / mini minimalist), narrative concept spine, second-read moments, and a single consistent palette across all images. Optimized for landing pages, marketing sites, and product comps that developers or coding models can accurately recreate.
Quality judgment
Exceptionally detailed art-direction system with strong anti-slop rules, combinatorial variation engine, and clear output contract (one image per section). However, the document is truncated mid-sentence in §12, lacks worked prompt-to-output examples, and its trigger conditions are implicit rather than crisply defined.