What problem does it solve? Designing a single option locks you into one bet. This Skill produces multiple meaningfully different design directions for a screen, component, or flow so users can compare, reject what they dislike, and combine what works. ## Core Features & Use Cases - Axis-Based Variation: Varies 2-4 dimensions such as visual treatment, layout, interaction model, information hierarchy, tone, or component style so each option is substantively different. - Safe-to-Bold Spectrum: Builds variants from convention-following to refined to novel, ensuring both conservative and daring directions are covered. - Single-File Output: Delivers all variants in one self-contained HTML file using semantic HTML, CSS Grid, and minimal JavaScript for side-by-side comparison. - Annotated Recommendation: Labels each variant with a one-sentence rationale and ends with a clear recommendation plus suggested next steps. - Use Case: Ask for three different takes on a landing page hero section; receive one HTML file showing a conventional layout, a refined version with bolder typography, and a novel asymmetric concept, each with a caption and a final recommendation. ## Quick Start Ask the assistant to generate three different design variations of your screen or component and present them side by side in one HTML file with a recommendation.
