What problem does it solve?
This skill solves the issue of generic, low-quality AI-generated website mockups that lack structural integrity, consistent design systems, and conversion-focused layouts.
Core Features & Use Cases
- Structured Art Direction: Enforces a rigorous pipeline that mandates palette consistency, viewport-scale typography, and intentional composition variety across all generated sections.
- Conversion-Driven Sequencing: Maps generated images to specific conversion stages (Hook, Proof, Interest, Desire, Action) to ensure the output reads as a persuasive narrative.
- Use Case: When building a new SaaS landing page, use this skill to generate a series of implementation-ready, 16:9 section images that a developer can accurately translate into code, avoiding the common pitfalls of "AI-slop" like floating blobs or generic gradients.
Quick Start
Use the imagegen-frontend skill to generate a six-section landing page concept for a premium fintech product with a dark cinematic mood.