powered by
etapx

0%

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.


Installs
74.2K
GitHub Stars
41.4K
First Seen
Apr 25, 2026

Explore more of GLSRM