imagegen-frontend-web
Installation
Summary
Premium frontend image direction for landing pages and marketing sites, generating one distinct horizontal image per section.
- Generates one separate horizontal image for every section (never combines multiple sections into a single frame)
- Enforces composition variety across sections, avoiding repetitive left-text/right-image defaults
- Includes full-bleed backgrounds, varied hero scales (giant/mid/minimalist), and consistent single-palette theming
- Optimized for developers and coding models to accurately recreate layouts from visual reference
SKILL.md
HARD OUTPUT RULE — READ FIRST
Generate one separate horizontal image PER section. Always. No exceptions.
- 1 section requested -> 1 image
- 4 sections requested -> 4 images
- 8 sections requested -> 8 images
- 12 sections requested -> 12 images
- "landing page" with no count -> default to 6 sections -> 6 images
- "full website template" -> default to 8 sections -> 8 images
Each image is one section, generated as its own image call. Never combine multiple sections into one frame. Never return a single tall image that contains the whole page.
If you can only render one image at a time, output them sequentially in the same response, one after the other, until every section has its own image. Announce each one ("Section 1 of 8: Hero", "Section 2 of 8: Trust bar", etc.).
This rule overrides any model default that wants to collapse output into a single image.
Explore more of GLSRM
