# Landing page design images (/imagegen-frontend-web)

/imagegen-frontend-web is a Claude Code skill in the Web & Design section. It is maintained by Leonxlnx and published under the MIT license. Generates one horizontal image per website section with a consistent palette and varied layouts, as a design reference for building the page.

- Web version: https://skills.sgomez.dev/en/s/imagegen-frontend-web
- Section: [Web & Design](https://skills.sgomez.dev/en/web.md)
- Author: Leonxlnx
- License: MIT
- Source: https://github.com/Leonxlnx/taste-skill/tree/ce26fc25c0e5e8cab638f883de62d9a86ee5e45b/skills/imagegen-frontend-web
- Updated 26 Sept 2026

## How to ask for it

- `Generate one reference image per section of my landing page`
- `I need a few hero style options to pick the one that converts best`
- `Design the visual references for my marketing site with one consistent palette`

## Install

macOS · Linux:

```
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash
```

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```


## Author's description

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.

- [How we review this](https://skills.sgomez.dev/en/methodology.md)