← All skills

Imagegen frontend web

Elite frontend image-direction skill for generating premium, conversion-aware website design references.

Install

npx degit Leonxlnx/taste-skill/skills/imagegen-frontend-web .claude/skills/imagegen-frontend-web

Run it in your project root, then ask your agent for what you want. More detail

What it built

A page built by the Imagegen frontend web design skill
A page this skill built when we ran it. Your result will differ with your brief.

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.

Straight from the skill's own SKILL.md. This is what your agent reads.