Frontend 18,349 installs

HARD OUTPUT RULE - READ FIRST

by leonxlnx/taste-skill

Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE - generate ONE separate…

Skill content

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

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.