What problem does it solve?
This Skill helps transform a website or landing page brief into polished, implementation-ready visual direction for every section of the page. It solves the common problem of generic, repetitive AI layouts by enforcing strong composition variety, clear hierarchy, and one image per section.
Core Features & Use Cases
- Section-by-Section Image Direction: Produces a separate horizontal design reference for each page section, so a full landing page becomes a complete set of buildable frames.
- Premium Layout Art Direction: Guides hero composition, spacing, typography, CTA treatment, background modes, and visual rhythm to avoid default AI patterns.
- Conversion-Aware Web Design: Supports landing pages, marketing sites, product pages, and portfolio-style websites where the output must feel both artistic and easy to implement.
- Use Case: A designer or coding model can use this Skill to generate a full set of coherent section comps for a SaaS homepage with varied hero, proof, features, and CTA treatments.
Quick Start
Use the imagegen-frontend-web skill to create a complete section-by-section visual direction for a premium landing page based on my brief.