Best prompts for Image Generation ChatGPT for UX mockups using AI for competitive analysis

Create a high-fidelity split-screen PNG (1440x900) showing two desktop homepages side-by-side: left labeled "OurProduct (Green brand #0BAF4B)" and right labeled "CompetitorX (Blue brand #0B6FAF)". Recreate realistic hero areas including logo, headline, subhead, primary CTA, secondary CTA, hero image, and top-nav. Add numbered callout pins (1–6) on both screens with short annotations explaining differences: CTA prominence, hero copy clarity, social proof placement, nav item count, search visibility, trust badges. Use modern sans-serif typography, 8px baseline grid, and subtle drop shadows. Export with overlay legend at bottom explaining each callout and include a 10px margin around screens.

Produce three vertical mobile mockup images (1080x2340 each) arranged horizontally, representing onboarding steps 1–3 for a consumer app. Left column labeled "OurApp" and right column labeled "CompetitorY" for direct visual comparison. Each screen must include app header, illustration, headline, 1–2 lines of benefit copy, progress indicator, primary CTA, and skip link. Annotate differences with small numbered tags and a short caption below each pair about clarity of value proposition, CTA affordance, and friction points. Use flat illustrations and 16pt system font.

Render a 1440x1024 desktop dashboard mockup showing two full dashboards side-by-side: "Metricly" (left) and "InsightPro" (right). Include top nav, left rail, KPI cards (revenue, conversions, active users), time-series chart, table with sortable columns, and filters. On each dashboard add semi-transparent heatmap overlays (red=high, yellow=medium, blue=low) showing hypothetical click density on CTA, filter, and chart areas. Add annotations calling out conversion-related elements and a small footer legend describing heatmap scale. Use neutral UI colors and clear 14px labels.

Generate three images (320x800 mobile, 768x1024 tablet, 1440x200 desktop) vertically stacked showing the same site's header in three responsive states. Each image must show logo, primary nav/menu, search icon, account icon, cart icon, and a primary CTA. For mobile include hamburger menu that expands to a modal mockup inset; for tablet show condensed nav with icons; for desktop show full nav with dropdown indicator. Add a separate small overlay mockup showing the sticky state (compact header) in each breakpoint. Label each with breakpoint width and a one-line note about element prioritization.

Produce a sequence of three checkout-step mockups (shipping, payment, review) at 1024x1366 with annotations and red/yellow/green indicators for friction severity. Each screen must show form fields, pre-filled examples, error states, and trust badges. Place numbered sticky notes pointing to friction elements (e.g., required fields unclear, small CTA, missing address verification). For each note include a suggested microcopy change (15–25 characters) and reason (1 sentence). Add a small summary block listing top 3 recommended fixes.

Render a landscape PNG (1600x900) with three equal-width product cards side-by-side labeled "TeamLoop", "WorkPad", "CollabX". Each card should include product logo, 6 feature rows with check/cross icons, short summary lines, and an accent CTA. Use green check, gray dash for partial, red cross. Add a top row header summarizing 'Core Collaboration Features' and a bottom row that highlights unique selling points. Include a simple color-coded legend and a note on data sources (e.g., product docs, 2025 research).