What this prompt does
This prompt creates a product-screenshot beautification system that turns raw app screenshots into polished marketing visuals. You provide [product_name], the [product_type], and the [ui_style], and ChatGPT describes a set of treatments: a hero mockup with a device frame, a feature-callout version, a before/after comparison, a multi-device showcase, marketplace and social formats, and a reusable template spec.
The variables define the visual treatment precisely. [device_frame] and [hero_angle] set the mockup, [background_type] and [brand_gradient] shape the backdrop, and [shadow_specs] give the exact shadow. [callout_count] and [callout_style] control the annotation layer, [comparison_context] defines the before/after subject, and [device_types] lists the devices for the multi-device shot. [marketplace], [social_platform], and [template_tool] cover the export formats and the template specification. Because every treatment comes with placement, color, and typography direction, the output briefs a designer or image tool on exactly what to build.
When to use it
- You have raw app screenshots and want them turned into polished marketing visuals.
- You are launching a feature and a bare screenshot undersells it without a device frame and callouts.
- You need a before/after comparison to show a redesign or improvement clearly.
- You want a multi-device showcase demonstrating responsive design in one image.
- You need marketplace-compliant and social-sized versions of the same screenshot.
- You want a reusable template so your team can beautify future screenshots consistently.
Example output
The output is a set of treatment specifications. It describes a hero shot with a [device_frame] at [hero_angle] on a [background_type] background with [brand_gradient] and [shadow_specs], a callout version with [callout_count] numbered annotations in [callout_style], a before/after split showing [comparison_context], a multi-device layout across [device_types], a [marketplace]-formatted version with promotional text, a [social_platform] crop with watermark, and a [template_tool] template spec so the treatments are repeatable. You then render each in a design tool or image generator.
Pro tips
- Pick a
[device_frame]that matches where the product actually lives — a MacBook frame for a web app, a phone frame for mobile. - Keep
[callout_count]to the handful of features that matter; too many annotations clutter the shot and bury the message. - Make
[comparison_context]a genuine before/after; the treatment only lands when the improvement is real and visible. - Set
[brand_gradient]and[shadow_specs]to your real brand values so the visuals stay on-brand across releases. - The output describes treatments, not finished images, so pair it with a screenshot and a design tool to produce them.
- Build the
[template_tool]spec once and reuse it, so every future release gets consistent marketing visuals without restarting. - Match the
[device_types]in the multi-device showcase to where your product genuinely runs, since showing a mobile frame for a desktop-only tool misleads viewers. - Tune
[social_platform]to where you actually post, because the crop and aspect ratio differ enough that a LinkedIn-sized visual looks wrong on other feeds.
