imagegen-frontend-web
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 /…
- installs 8w
- 124,019
- 30-day movement
- starts with the next reading
- Related entries
- 4
- Connections
- 0
An agent skill that directs AI image generation of frontend design references, producing one horizontal image per website section with enforced composition, CTA, hero-scale, and palette variety. It targets landing pages and marketing sites whose images developers or coding models can accurately rebuild.
Reach for it when you want section-by-section visual design references that avoid repetitive AI layout defaults and stay buildable.
Use it to
- Generate per-section design references for a landing page
- Vary hero compositions beyond left-text/right-image defaults
- Keep a consistent palette across a multi-section site
- Create product comps a coding model can recreate
- Art-direct conversion-aware marketing site mockups
For Developers and designers generating frontend design references with AI
- Host repository
- Leonxlnx/taste-skill
- Installs, lifetime
- 286k
- Installs, 8 weeks
- 124k
- Host stars
- 87k
- Host language
- JavaScript